#shapes path {fill:#ccc;} text{pointer-events:none; color: #fff; font-family: Arial;} .item {cursor: pointer;} #venue svg.filter:not(text):not([fill="#fff"]):not([fill="#fff"]){fill: #ccc;} #shapes [data-section="longside-lower-tier"],#shapes [data-section="longside-upper-tier"] ,#fixture-details:has(li[data-section="longside-lower-tier"]:hover) #venue svg path[data-section="longside-lower-tier"] ,#fixture-details:has(li[data-section="longside-upper-tier"]:hover) #venue svg path[data-section="longside-upper-tier"] {fill:#a96ebb99;} #shapes [data-section="shortside-lower-tier"],#fixture-details:has(li[data-section="shortside-lower-tier"]:hover) #venue svg path[data-section="shortside-lower-tier"] {fill:#629ab299;} #shapes [data-section="shortside-upper-tier"],#fixture-details:has(li[data-section="shortside-upper-tier"]:hover) #venue svg path[data-section="shortside-upper-tier"] {fill:#c7917a99;} #shapes [data-section="vip-hospitality-package"],#fixture-details:has(li[data-section="vip-hospitality-package"]:hover) #venue svg path[data-section="vip-hospitality-package"] {fill:#f5b45f99;} li[data-section="longside-lower-tier"]:hover,#fixture-details:has(#shapes path[data-section="longside-lower-tier"]:hover) li[data-section="longside-lower-tier"] ,#fixture-details:has(#shapes path[data-tags*="longside-lower-tier"]:hover) li[data-section="longside-lower-tier"] ,li[data-section="longside-upper-tier"]:hover ,#fixture-details:has(#shapes path[data-section="longside-upper-tier"]:hover) li[data-section="longside-upper-tier"] ,#fixture-details:has(#shapes path[data-tags*="longside-upper-tier"]:hover) li[data-section="longside-upper-tier"] ,li[data-section="shortside-lower-tier"]:hover ,#fixture-details:has(#shapes path[data-section="shortside-lower-tier"]:hover) li[data-section="shortside-lower-tier"] ,#fixture-details:has(#shapes path[data-tags*="shortside-lower-tier"]:hover) li[data-section="shortside-lower-tier"] ,li[data-section="shortside-upper-tier"]:hover ,#fixture-details:has(#shapes path[data-section="shortside-upper-tier"]:hover) li[data-section="shortside-upper-tier"] ,#fixture-details:has(#shapes path[data-tags*="shortside-upper-tier"]:hover) li[data-section="shortside-upper-tier"] ,li[data-section="vip-hospitality-package"]:hover ,#fixture-details:has(#shapes path[data-section="vip-hospitality-package"]:hover) li[data-section="vip-hospitality-package"] ,#fixture-details:has(#shapes path[data-tags*="vip-hospitality-package"]:hover) li[data-section="vip-hospitality-package"] {background-color:#f0f0f0} #fixture-details:has(li[data-section="longside-lower-tier"]:hover) #venue svg path:not([data-section="longside-lower-tier"]):not(#football-pitch > path),#fixture-details:has(#shapes path[data-section="longside-lower-tier"]:hover) #shapes path:not([data-section="longside-lower-tier"]):not([data-tags*="longside-lower-tier"]):not(.active) ,#fixture-details:has(li[data-section="longside-upper-tier"]:hover) #venue svg path:not([data-section="longside-upper-tier"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="longside-upper-tier"]:hover) #shapes path:not([data-section="longside-upper-tier"]):not([data-tags*="longside-upper-tier"]):not(.active) ,#fixture-details:has(li[data-section="shortside-lower-tier"]:hover) #venue svg path:not([data-section="shortside-lower-tier"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="shortside-lower-tier"]:hover) #shapes path:not([data-section="shortside-lower-tier"]):not([data-tags*="shortside-lower-tier"]):not(.active) ,#fixture-details:has(li[data-section="shortside-upper-tier"]:hover) #venue svg path:not([data-section="shortside-upper-tier"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="shortside-upper-tier"]:hover) #shapes path:not([data-section="shortside-upper-tier"]):not([data-tags*="shortside-upper-tier"]):not(.active) ,#fixture-details:has(li[data-section="vip-hospitality-package"]:hover) #venue svg path:not([data-section="vip-hospitality-package"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="vip-hospitality-package"]:hover) #shapes path:not([data-section="vip-hospitality-package"]):not([data-tags*="vip-hospitality-package"]):not(.active) {fill:#ccc;} #fixture-details:has(li[data-section="longside-lower-tier"]:hover) #venue svg path[data-tags*="longside-lower-tier"],#fixture-details:has(li[data-section="longside-upper-tier"]:hover) #venue svg path[data-tags*="longside-upper-tier"] {fill:#a96ebb99!important;} #fixture-details:has(li[data-section="shortside-lower-tier"]:hover) #venue svg path[data-tags*="shortside-lower-tier"]{fill:#629ab299!important;} #fixture-details:has(li[data-section="shortside-upper-tier"]:hover) #venue svg path[data-tags*="shortside-upper-tier"]{fill:#c7917a99!important;} #fixture-details:has(li[data-section="vip-hospitality-package"]:hover) #venue svg path[data-tags*="vip-hospitality-package"]{fill:#f5b45f99!important;} #fixture-details:has(.tickets li[data-block="c1" i]) #venue svg path[data-block="c1" i],#fixture-details:has(.tickets li[data-block="c2" i]) #venue svg path[data-block="c2" i],#fixture-details:has(.tickets li[data-block="c3" i]) #venue svg path[data-block="c3" i],#fixture-details:has(.tickets li[data-block="c4" i]) #venue svg path[data-block="c4" i],#fixture-details:has(.tickets li[data-block="c5" i]) #venue svg path[data-block="c5" i],#fixture-details:has(.tickets li[data-block="d1" i]) #venue svg path[data-block="d1" i],#fixture-details:has(.tickets li[data-block="d2" i]) #venue svg path[data-block="d2" i],#fixture-details:has(.tickets li[data-block="d3" i]) #venue svg path[data-block="d3" i],#fixture-details:has(.tickets li[data-block="d4" i]) #venue svg path[data-block="d4" i],#fixture-details:has(.tickets li[data-block="f4" i]) #venue svg path[data-block="f4" i],#fixture-details:has(.tickets li[data-block="f5" i]) #venue svg path[data-block="f5" i],#fixture-details:has(.tickets li[data-block="f6" i]) #venue svg path[data-block="f6" i],#fixture-details:has(.tickets li[data-block="f7" i]) #venue svg path[data-block="f7" i],#fixture-details:has(.tickets li[data-block="g10" i]) #venue svg path[data-block="g10" i],#fixture-details:has(.tickets li[data-block="g6" i]) #venue svg path[data-block="g6" i],#fixture-details:has(.tickets li[data-block="g7" i]) #venue svg path[data-block="g7" i],#fixture-details:has(.tickets li[data-block="g8" i]) #venue svg path[data-block="g8" i],#fixture-details:has(.tickets li[data-block="g9" i]) #venue svg path[data-block="g9" i],#fixture-details:has(.tickets li[data-block="s/c" i]) #venue svg path[data-block="s/c" i]{fill:#79a0d2cc;} #fixture-details:has(.tickets li[data-block="c1" i]:hover) #venue svg path:not([data-block="c1" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="c2" i]:hover) #venue svg path:not([data-block="c2" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="c3" i]:hover) #venue svg path:not([data-block="c3" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="c4" i]:hover) #venue svg path:not([data-block="c4" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="c5" i]:hover) #venue svg path:not([data-block="c5" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="d1" i]:hover) #venue svg path:not([data-block="d1" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="d2" i]:hover) #venue svg path:not([data-block="d2" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="d3" i]:hover) #venue svg path:not([data-block="d3" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="d4" i]:hover) #venue svg path:not([data-block="d4" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="f4" i]:hover) #venue svg path:not([data-block="f4" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="f5" i]:hover) #venue svg path:not([data-block="f5" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="f6" i]:hover) #venue svg path:not([data-block="f6" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="f7" i]:hover) #venue svg path:not([data-block="f7" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="g10" i]:hover) #venue svg path:not([data-block="g10" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="g6" i]:hover) #venue svg path:not([data-block="g6" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="g7" i]:hover) #venue svg path:not([data-block="g7" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="g8" i]:hover) #venue svg path:not([data-block="g8" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="g9" i]:hover) #venue svg path:not([data-block="g9" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="s/c" i]:hover) #venue svg path:not([data-block="s/c" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="a4" i]:hover) #venue svg path:not([data-block="a4" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="a5" i]:hover) #venue svg path:not([data-block="a5" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="a6" i]:hover) #venue svg path:not([data-block="a6" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="b4" i]:hover) #venue svg path:not([data-block="b4" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="b5" i]:hover) #venue svg path:not([data-block="b5" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="b6" i]:hover) #venue svg path:not([data-block="b6" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e10" i]:hover) #venue svg path:not([data-block="e10" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e11" i]:hover) #venue svg path:not([data-block="e11" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e12" i]:hover) #venue svg path:not([data-block="e12" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e13" i]:hover) #venue svg path:not([data-block="e13" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e14" i]:hover) #venue svg path:not([data-block="e14" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e15" i]:hover) #venue svg path:not([data-block="e15" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e16" i]:hover) #venue svg path:not([data-block="e16" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="v2" i]:hover) #venue svg path:not([data-block="v2" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="w/c" i]:hover) #venue svg path:not([data-block="w/c" i]):not(#football-pitch > path) ,#fixture-details:has(.tickets li[data-block="a1" i]:hover) #venue svg path:not([data-block="a1" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="a2" i]:hover) #venue svg path:not([data-block="a2" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="a3" i]:hover) #venue svg path:not([data-block="a3" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="b1" i]:hover) #venue svg path:not([data-block="b1" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="b2" i]:hover) #venue svg path:not([data-block="b2" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="b3" i]:hover) #venue svg path:not([data-block="b3" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e1" i]:hover) #venue svg path:not([data-block="e1" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e2" i]:hover) #venue svg path:not([data-block="e2" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e3" i]:hover) #venue svg path:not([data-block="e3" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e4" i]:hover) #venue svg path:not([data-block="e4" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e5" i]:hover) #venue svg path:not([data-block="e5" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e6" i]:hover) #venue svg path:not([data-block="e6" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e7" i]:hover) #venue svg path:not([data-block="e7" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e8" i]:hover) #venue svg path:not([data-block="e8" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="e9" i]:hover) #venue svg path:not([data-block="e9" i]):not(#football-pitch > path),#fixture-details:has(.tickets li[data-block="v1" i]:hover) #venue svg path:not([data-block="v1" i]):not(#football-pitch > path) ,.filter #shapes path:not(.active) {fill:#ccc!important;} #fixture-details:has(#venue svg path[data-block="c1" i]:hover) .tickets li[data-block="c1" i],#fixture-details:has(#venue svg path[data-block="c2" i]:hover) .tickets li[data-block="c2" i],#fixture-details:has(#venue svg path[data-block="c3" i]:hover) .tickets li[data-block="c3" i],#fixture-details:has(#venue svg path[data-block="c4" i]:hover) .tickets li[data-block="c4" i],#fixture-details:has(#venue svg path[data-block="c5" i]:hover) .tickets li[data-block="c5" i],#fixture-details:has(#venue svg path[data-block="d1" i]:hover) .tickets li[data-block="d1" i],#fixture-details:has(#venue svg path[data-block="d2" i]:hover) .tickets li[data-block="d2" i],#fixture-details:has(#venue svg path[data-block="d3" i]:hover) .tickets li[data-block="d3" i],#fixture-details:has(#venue svg path[data-block="d4" i]:hover) .tickets li[data-block="d4" i],#fixture-details:has(#venue svg path[data-block="f4" i]:hover) .tickets li[data-block="f4" i],#fixture-details:has(#venue svg path[data-block="f5" i]:hover) .tickets li[data-block="f5" i],#fixture-details:has(#venue svg path[data-block="f6" i]:hover) .tickets li[data-block="f6" i],#fixture-details:has(#venue svg path[data-block="f7" i]:hover) .tickets li[data-block="f7" i],#fixture-details:has(#venue svg path[data-block="g10" i]:hover) .tickets li[data-block="g10" i],#fixture-details:has(#venue svg path[data-block="g6" i]:hover) .tickets li[data-block="g6" i],#fixture-details:has(#venue svg path[data-block="g7" i]:hover) .tickets li[data-block="g7" i],#fixture-details:has(#venue svg path[data-block="g8" i]:hover) .tickets li[data-block="g8" i],#fixture-details:has(#venue svg path[data-block="g9" i]:hover) .tickets li[data-block="g9" i],#fixture-details:has(#venue svg path[data-block="s/c" i]:hover) .tickets li[data-block="s/c" i]{background-color:#9fbbdf33;} #fixture-details:has(.tickets li[data-block="a4" i]) #venue svg path[data-block="a4" i],#fixture-details:has(.tickets li[data-block="a5" i]) #venue svg path[data-block="a5" i],#fixture-details:has(.tickets li[data-block="a6" i]) #venue svg path[data-block="a6" i],#fixture-details:has(.tickets li[data-block="b4" i]) #venue svg path[data-block="b4" i],#fixture-details:has(.tickets li[data-block="b5" i]) #venue svg path[data-block="b5" i],#fixture-details:has(.tickets li[data-block="b6" i]) #venue svg path[data-block="b6" i],#fixture-details:has(.tickets li[data-block="e10" i]) #venue svg path[data-block="e10" i],#fixture-details:has(.tickets li[data-block="e11" i]) #venue svg path[data-block="e11" i],#fixture-details:has(.tickets li[data-block="e12" i]) #venue svg path[data-block="e12" i],#fixture-details:has(.tickets li[data-block="e13" i]) #venue svg path[data-block="e13" i],#fixture-details:has(.tickets li[data-block="e14" i]) #venue svg path[data-block="e14" i],#fixture-details:has(.tickets li[data-block="e15" i]) #venue svg path[data-block="e15" i],#fixture-details:has(.tickets li[data-block="e16" i]) #venue svg path[data-block="e16" i],#fixture-details:has(.tickets li[data-block="v2" i]) #venue svg path[data-block="v2" i],#fixture-details:has(.tickets li[data-block="w/c" i]) #venue svg path[data-block="w/c" i]{fill:#629ab2cc;} #fixture-details:has(#venue svg path[data-block="a4" i]:hover) .tickets li[data-block="a4" i],#fixture-details:has(#venue svg path[data-block="a5" i]:hover) .tickets li[data-block="a5" i],#fixture-details:has(#venue svg path[data-block="a6" i]:hover) .tickets li[data-block="a6" i],#fixture-details:has(#venue svg path[data-block="b4" i]:hover) .tickets li[data-block="b4" i],#fixture-details:has(#venue svg path[data-block="b5" i]:hover) .tickets li[data-block="b5" i],#fixture-details:has(#venue svg path[data-block="b6" i]:hover) .tickets li[data-block="b6" i],#fixture-details:has(#venue svg path[data-block="e10" i]:hover) .tickets li[data-block="e10" i],#fixture-details:has(#venue svg path[data-block="e11" i]:hover) .tickets li[data-block="e11" i],#fixture-details:has(#venue svg path[data-block="e12" i]:hover) .tickets li[data-block="e12" i],#fixture-details:has(#venue svg path[data-block="e13" i]:hover) .tickets li[data-block="e13" i],#fixture-details:has(#venue svg path[data-block="e14" i]:hover) .tickets li[data-block="e14" i],#fixture-details:has(#venue svg path[data-block="e15" i]:hover) .tickets li[data-block="e15" i],#fixture-details:has(#venue svg path[data-block="e16" i]:hover) .tickets li[data-block="e16" i],#fixture-details:has(#venue svg path[data-block="v2" i]:hover) .tickets li[data-block="v2" i],#fixture-details:has(#venue svg path[data-block="w/c" i]:hover) .tickets li[data-block="w/c" i]{background-color:#84b0c333;} #fixture-details:has(.tickets li[data-block="a1" i]) #venue svg path[data-block="a1" i],#fixture-details:has(.tickets li[data-block="a2" i]) #venue svg path[data-block="a2" i],#fixture-details:has(.tickets li[data-block="a3" i]) #venue svg path[data-block="a3" i],#fixture-details:has(.tickets li[data-block="b1" i]) #venue svg path[data-block="b1" i],#fixture-details:has(.tickets li[data-block="b2" i]) #venue svg path[data-block="b2" i],#fixture-details:has(.tickets li[data-block="b3" i]) #venue svg path[data-block="b3" i],#fixture-details:has(.tickets li[data-block="e1" i]) #venue svg path[data-block="e1" i],#fixture-details:has(.tickets li[data-block="e2" i]) #venue svg path[data-block="e2" i],#fixture-details:has(.tickets li[data-block="e3" i]) #venue svg path[data-block="e3" i],#fixture-details:has(.tickets li[data-block="e4" i]) #venue svg path[data-block="e4" i],#fixture-details:has(.tickets li[data-block="e5" i]) #venue svg path[data-block="e5" i],#fixture-details:has(.tickets li[data-block="e6" i]) #venue svg path[data-block="e6" i],#fixture-details:has(.tickets li[data-block="e7" i]) #venue svg path[data-block="e7" i],#fixture-details:has(.tickets li[data-block="e8" i]) #venue svg path[data-block="e8" i],#fixture-details:has(.tickets li[data-block="e9" i]) #venue svg path[data-block="e9" i],#fixture-details:has(.tickets li[data-block="v1" i]) #venue svg path[data-block="v1" i]{fill:#c7917acc;} #fixture-details:has(#venue svg path[data-block="a1" i]:hover) .tickets li[data-block="a1" i],#fixture-details:has(#venue svg path[data-block="a2" i]:hover) .tickets li[data-block="a2" i],#fixture-details:has(#venue svg path[data-block="a3" i]:hover) .tickets li[data-block="a3" i],#fixture-details:has(#venue svg path[data-block="b1" i]:hover) .tickets li[data-block="b1" i],#fixture-details:has(#venue svg path[data-block="b2" i]:hover) .tickets li[data-block="b2" i],#fixture-details:has(#venue svg path[data-block="b3" i]:hover) .tickets li[data-block="b3" i],#fixture-details:has(#venue svg path[data-block="e1" i]:hover) .tickets li[data-block="e1" i],#fixture-details:has(#venue svg path[data-block="e2" i]:hover) .tickets li[data-block="e2" i],#fixture-details:has(#venue svg path[data-block="e3" i]:hover) .tickets li[data-block="e3" i],#fixture-details:has(#venue svg path[data-block="e4" i]:hover) .tickets li[data-block="e4" i],#fixture-details:has(#venue svg path[data-block="e5" i]:hover) .tickets li[data-block="e5" i],#fixture-details:has(#venue svg path[data-block="e6" i]:hover) .tickets li[data-block="e6" i],#fixture-details:has(#venue svg path[data-block="e7" i]:hover) .tickets li[data-block="e7" i],#fixture-details:has(#venue svg path[data-block="e8" i]:hover) .tickets li[data-block="e8" i],#fixture-details:has(#venue svg path[data-block="e9" i]:hover) .tickets li[data-block="e9" i],#fixture-details:has(#venue svg path[data-block="v1" i]:hover) .tickets li[data-block="v1" i]{background-color:#d6af9e33;}