Radio button: checked not working


I am trying to change the style of my radio button when checked using CSS (I am not trying to do it through the designer directly).

I created this custom code here : Add class and remove class on focus of input - JSFiddle - Code Playground
and it works fine and as expected.

The thing is, when I add my custom code to my webflow page and publish the project, it does not work.

I tried to debug this thing using the console, but couldn’t find the problem. Maybe something with the selectors? Can someone help?

Here’s my page : EN-copy-theo
And my project read-only link : Webflow - Active Replica Layout

Thanks !