Checkboxes/radios cannot be selected with keyboard
This is practically because of <input>
having display: none;
which makes it act as if it's non-clickable and removes it from tab
-cycle. Solution would be to use pointer-events: none; opacity: 0
instead and also add some :focus-within
styles to highlight it when focused.