Could be close enough--but I'm getting a slightly different result than you (see attached).
The check marks are not centered in my rendering but rather placed towards the bottom of each checkbox.
I wonder why the difference. Is there something that controls the placement of the checks in the checkbox?
I tested by making a copy of the default template and adding your lines at the bottom of template.css.