On previous versions (pre 3.2.2) we were able to add an ID CSS tag to the table which features each of the Team widgets and then isolate them via CSS code to change the background colour in this way:

TeamPopupGroup01 .ekit-wid-con .elementskit-team-popup .modal-content, #TeamPopupGroup01 .elementskit-team-popup .modal-content {
   background-color: #1226AA !important;
   background: #1226AA !important;
}

TeamPopupGroup01 .ekit-promo-popup .modal-content {
   background-color: #1226AA !important;
   background: #1226AA !important;
}

TeamPopupGroup02 .ekit-wid-con .elementskit-team-popup .modal-content, #TeamPopupGroup02 .elementskit-team-popup .modal-content {
   background-color: #FF7B9E !important;
   background: #FF7B9E !important;
}

TeamPopupGroup02 .ekit-promo-popup .modal-content {
   background-color: #FF7B9E !important;
   background: #FF7B9E !important;
}

But this method no longer seems to work. Without the ID CSS tag we can style all popups on a page, but not isolate to specific groups of team popups. Even adding an ID or Class tag on specific Team Widgets doesnt seem to allow us to reference a specific popup in CSS for styling differently. Is there a new way to handle this??