fix(material/radio): hidden circle visible on some zoom levels (#23154)
fix(material/radio): hidden circle visible on some zoom levels (#23154)

We transition the circle of a radio button to `scale(0.001)` in order to hide it and to work
around an animation in IE. It seems that on higher system zoom levels (e.g. 125%+) the
browser approximates the size to 1x1 which can be visible.

These changes work around the issue by also setting `opacity: 0` while the circle is inactive
and isn't animating.

Fixes #22036.
josephperrott/material2,mmalerba/material2,crisbeto/material2,crisbeto/material2,josephperrott/material2,mmalerba/material2,mmalerba/material2,josephperrott/material2,mmalerba/material2,crisbeto/material2,angular/components,angular/components,angular/components,angular/components,mmalerba/material2,josephperrott/material2,josephperrott/material2,crisbeto/material2