.eq{--seat-empty:color-mix(in srgb, var(--ink) 18%, transparent);pointer-events:none;flex:none;width:40px;height:45px;display:flex}.eq-col{--c:var(--hc);flex:none;width:9px;height:45px;position:relative}.eq-a{--c:var(--ac)}.eq-a.eq-i{margin-left:4px}.eq-col:before,.eq-col:after,.eq-step,.eq-goal-fill{content:"";background:radial-gradient(circle, var(--dot) 0 var(--r,2.3px), transparent calc(var(--r,2.3px) + .6px)) 0 0 / 9px 9px repeat;position:absolute;inset:0}.eq-col:before{--dot:var(--seat-empty)}.eq-col:after,.eq-step,.eq-goal-fill{--dot:color-mix(in srgb, var(--c) 82%, var(--ink))}.eq-col:after{clip-path:inset(calc((5 - var(--dn,var(--n,1))) * 9px) 0 0 0);transform-origin:50% calc(100% - 4.5px)}.eq[data-resting] .eq-col:after{clip-path:inset(calc((5 - var(--n,1)) * 9px) 0 0 0)}.eq[data-resting][data-state=ht] .eq-col:after{opacity:.72}.eq-step{clip-path:inset(calc((5 - var(--up,var(--n,1))) * 9px) 0 calc(var(--dn,var(--n,1)) * 9px) 0);opacity:.78}.eq-goal-fill{--r:3px;opacity:0;transform-origin:50% 100%}.eq[data-goal=home] .eq-h>.eq-goal-fill,.eq[data-goal=away] .eq-a>.eq-goal-fill{opacity:1}.eq[data-goal=home] .eq-a:after,.eq[data-goal=home] .eq-a>.eq-step,.eq[data-goal=away] .eq-h:after,.eq[data-goal=away] .eq-h>.eq-step{opacity:.35}@media (prefers-reduced-motion:no-preference){:root:not([data-live=paused]) .eq[data-state=live]:not([data-resting],[data-quiet],[data-goal]) .eq-col:first-child>.eq-step{animation:eq-col-pulse calc(var(--motion-pulse) * 1.45) var(--ease-cycle) infinite}:root:not([data-live=paused]) .eq[data-state=live]:not([data-resting],[data-quiet],[data-goal]) .eq-col:nth-child(2)>.eq-step{animation:eq-col-pulse calc(var(--motion-pulse) * 1.2) var(--ease-cycle) calc(var(--motion-pulse) * -.45) infinite}:root:not([data-live=paused]) .eq[data-state=live]:not([data-resting],[data-quiet],[data-goal]) .eq-col:nth-child(3)>.eq-step{animation:eq-col-pulse calc(var(--motion-pulse) * 1.65) var(--ease-cycle) calc(var(--motion-pulse) * -.8) infinite}:root:not([data-live=paused]) .eq[data-state=live]:not([data-resting],[data-quiet],[data-goal]) .eq-col:nth-child(4)>.eq-step{animation:eq-col-pulse calc(var(--motion-pulse) * 1.35) var(--ease-cycle) calc(var(--motion-pulse) * -1.1) infinite}:root:not([data-live=paused]) .eq[data-resting][data-state=live]:not([data-quiet]) .eq-col:after{animation:eq-rest-wave var(--motion-pulse) var(--ease-cycle) infinite;animation-delay:calc((var(--sibling-index,1) - 1) * var(--motion-pulse) / -4);animation-delay:calc((sibling-index() - 1) * var(--motion-pulse) / -4)}:root:not([data-live=paused]) .eq[data-state=live]:not([data-quiet])[data-goal=home] .eq-h>.eq-goal-fill,:root:not([data-live=paused]) .eq[data-state=live]:not([data-quiet])[data-goal=away] .eq-a>.eq-goal-fill{animation:eq-goal-flash var(--motion-glyph) var(--ease-ui) 1 both}}@keyframes eq-col-pulse{0%,to{opacity:.16}48%{opacity:1}}@keyframes eq-rest-wave{0%,to{opacity:.38;scale:.9}38%{opacity:1;scale:1}}@keyframes eq-goal-flash{0%,to{opacity:0;scale:1}16%,72%{opacity:1;scale:1.04}}@media (forced-colors:active){.eq-col:after,.eq-step,.eq-goal-fill{--dot:CanvasText}.eq-col:before{--dot:GrayText}}