Radio button: checked not working

Hello,

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 : https://active-replica-layout.webflow.io/pass/en-copy-theo
And my project read-only link : https://preview.webflow.com/preview/active-replica-layout?utm_medium=preview_link&utm_source=designer&utm_content=active-replica-layout&preview=7abd3323eb96de0da3740965cb6f89a9&pageId=61483b690f2a9d6f0f2dabbe&workflow=preview

Thanks !