Custom checkbox using "focused" instead of "checked"

I’m trying to style a custom checkbox and it works fine in the webflow preview. The problem is when I publish the site.
In Chrome, seems that a click enables the focused state instead of checked.
In Safari, nothing happens.

To be honest, I’m probably hiding the checkbox and style the label itself but I’m a bit lost with this behaviour.

Here is my site Read-Only: LINK
Here is the published site: LINK