Tab Widget - CSS for Tab selected

Hi Team,

Following on the Tab CSS - Blog Link. I also needed to change the ptcs-tab selected header color and styling  based on the customer UI requirement. I used the below given CSS, Its working properly in TWX 8.5.

But in TWX 9.4.0 its not working as expected.

.TabsArrow .widget-ptcstabset::part(tabs-tab)[selected] 
{ 
 background: #0094C8 !important; 
 border-bottom-color: #EEEEEE !important;
}
.TabsArrow .widget-ptcstabset::part(tabs-tab)[selected]:before 
{ 
 content: ''; 
 width: 0; 
 height: 0; 
 border-top: 17px solid transparent; 
 border-bottom: 17px solid transparent;
 border-left: 15px solid #EEEEEE;
 position: absolute; 
 display: block; 
 top: 0; 
 left: 0;
}
 .TabsArrow .widget-ptcstabset::part(tabs-tab)[selected]:after 
 { content: ''; 
 width: 0; 
 height: 0; 
 border-top: 17px solid #EEEEEE; 
 border-bottom: 17px solid #EEEEEE; 
 border-left: 15px solid #0094C8; 
 position: absolute; 
 display: block; 
 top: 0; 
 right:0;
}

Kindly provide some workaround for this case to fix in TWX 9.4 Versions.

Thanks & Regards,

Arun C