Unexpected position of ::before element while animating.
I have a drop down menu that is being shown and hidden using transition. I have custom css for radio buttons. I have created checked state for radio button using ::before. Even though i positioned the before element center to the radio input, it is being shown somewhere else during transition and I have no clue. Please find the attachments for more detail. Help ples 
site: https://reetro-coder.github.io/moco/
site: https://reetro-coder.github.io/moco/


