#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="cat-2"],#fixture-details:has(li[data-section="cat-2"]:hover) #venue svg path[data-section="cat-2"] {fill:#00000099;} #shapes [data-section="category-1"],#fixture-details:has(li[data-section="category-1"]:hover) #venue svg path[data-section="category-1"] {fill:#e99c8a99;} #shapes [data-section="category-3"],#fixture-details:has(li[data-section="category-3"]:hover) #venue svg path[data-section="category-3"] {fill:#86a8bf99;} #shapes [data-section="category-4"],#fixture-details:has(li[data-section="category-4"]:hover) #venue svg path[data-section="category-4"] {fill:#85e1d599;} li[data-section="cat-2"]:hover,#fixture-details:has(#shapes path[data-section="cat-2"]:hover) li[data-section="cat-2"] ,#fixture-details:has(#shapes path[data-tags*="cat-2"]:hover) li[data-section="cat-2"] ,li[data-section="category-1"]:hover ,#fixture-details:has(#shapes path[data-section="category-1"]:hover) li[data-section="category-1"] ,#fixture-details:has(#shapes path[data-tags*="category-1"]:hover) li[data-section="category-1"] ,li[data-section="category-3"]:hover ,#fixture-details:has(#shapes path[data-section="category-3"]:hover) li[data-section="category-3"] ,#fixture-details:has(#shapes path[data-tags*="category-3"]:hover) li[data-section="category-3"] ,li[data-section="category-4"]:hover ,#fixture-details:has(#shapes path[data-section="category-4"]:hover) li[data-section="category-4"] ,#fixture-details:has(#shapes path[data-tags*="category-4"]:hover) li[data-section="category-4"] {background-color:#f0f0f0} #fixture-details:has(li[data-section="cat-2"]:hover) #venue svg path:not([data-section="cat-2"]):not(#football-pitch > path),#fixture-details:has(#shapes path[data-section="cat-2"]:hover) #shapes path:not([data-section="cat-2"]):not([data-tags*="cat-2"]):not(.active) ,#fixture-details:has(li[data-section="category-1"]:hover) #venue svg path:not([data-section="category-1"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="category-1"]:hover) #shapes path:not([data-section="category-1"]):not([data-tags*="category-1"]):not(.active) ,#fixture-details:has(li[data-section="category-3"]:hover) #venue svg path:not([data-section="category-3"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="category-3"]:hover) #shapes path:not([data-section="category-3"]):not([data-tags*="category-3"]):not(.active) ,#fixture-details:has(li[data-section="category-4"]:hover) #venue svg path:not([data-section="category-4"]):not(#football-pitch > path) ,#fixture-details:has(#shapes path[data-section="category-4"]:hover) #shapes path:not([data-section="category-4"]):not([data-tags*="category-4"]):not(.active) {fill:#ccc;} #fixture-details:has(li[data-section="cat-2"]:hover) #venue svg path[data-tags*="cat-2"]{fill:#00000099!important;} #fixture-details:has(li[data-section="category-1"]:hover) #venue svg path[data-tags*="category-1"]{fill:#e99c8a99!important;} #fixture-details:has(li[data-section="category-3"]:hover) #venue svg path[data-tags*="category-3"]{fill:#86a8bf99!important;} #fixture-details:has(li[data-section="category-4"]:hover) #venue svg path[data-tags*="category-4"]{fill:#85e1d599!important;} .filter #shapes path:not(.active){fill:#ccc!important;}