@property --ph{syntax:"<number>";inherits:true;initial-value:0}@property --pa{syntax:"<number>";inherits:true;initial-value:0}.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);--k:var(--ph);--o:var(--pa);flex:none;width:9px;height:45px;position:relative}.eq-a{--c:var(--ac);--k:var(--pa);--o:var(--ph)}.eq-a.eq-i{margin-left:4px}.eq-col:before,.eq-col:after{content:"";background:radial-gradient(circle, var(--dot) 0 var(--r), transparent calc(var(--r) + .6px)) 0 0 / 9px 9px repeat;position:absolute;inset:0}.eq-col:before{--dot:var(--seat-empty);--r:2.3px}.eq-col:after{--dot:color-mix(in srgb, var(--c) 82%, var(--ink));--r:calc(2.3px + var(--k) * .9px);clip-path:inset(calc((5 - var(--n) - var(--k) * (5 - var(--n))) * 9px) 0 0 0);opacity:calc(1 - var(--o) * .65);filter:brightness(calc(1 + var(--k) * .3))}.eq-a.eq-i:before{--dot:color-mix(in srgb, color-mix(in srgb, var(--hc) 82%, var(--ink)) calc(var(--ph) * 70%), var(--seat-empty))}.eq-h.eq-i:before{--dot:color-mix(in srgb, color-mix(in srgb, var(--ac) 82%, var(--ink)) calc(var(--pa) * 70%), var(--seat-empty))}.eq[data-goal=home]{--ph:1}.eq[data-goal=away]{--pa:1}@media (prefers-reduced-motion:no-preference){:root:not([data-live=paused]) .eq[data-state=live]:not([data-quiet],[data-goal]) .eq-col:first-child:after{animation:eq-sway calc(var(--motion-pulse) * 3.2) step-end infinite}:root:not([data-live=paused]) .eq[data-state=live]:not([data-quiet],[data-goal]) .eq-col:nth-child(2):after{animation:eq-sway calc(var(--motion-pulse) * 2.65) step-end calc(var(--motion-pulse) * -.85) infinite}:root:not([data-live=paused]) .eq[data-state=live]:not([data-quiet],[data-goal]) .eq-col:nth-child(3):after{animation:eq-sway calc(var(--motion-pulse) * 3.85) step-end calc(var(--motion-pulse) * -1.3) infinite}:root:not([data-live=paused]) .eq[data-state=live]:not([data-quiet],[data-goal]) .eq-col:nth-child(4):after{animation:eq-sway calc(var(--motion-pulse) * 3.45) step-end calc(var(--motion-pulse) * -2.05) infinite}:root:not([data-live=paused]) .eq[data-state=live]:not([data-quiet])[data-goal=home]{--ph:0;animation:eq-goal-h var(--motion-glyph) step-end 1}:root:not([data-live=paused]) .eq[data-state=live]:not([data-quiet])[data-goal=away]{--pa:0;animation:eq-goal-a var(--motion-glyph) step-end 1}}@keyframes eq-sway{0%,to{clip-path:inset(calc((5 - var(--n)) * 9px) 0 0 0)}28%{clip-path:inset(calc((5 - var(--up)) * 9px) 0 0 0)}56%{clip-path:inset(calc((5 - var(--n)) * 9px) 0 0 0)}78%{clip-path:inset(calc((5 - var(--dn)) * 9px) 0 0 0)}}@keyframes eq-goal-h{0%,to{--ph:0}14%,72%{--ph:1}}@keyframes eq-goal-a{0%,to{--pa:0}14%,72%{--pa:1}}@media (forced-colors:active){.eq-col:after{--dot:CanvasText}.eq-col:before{--dot:GrayText}}