Single price grid component

Starting to get comfortable with all the decision-making that goes into making a component. I'm curious if my css files are easy to follow for people looking at them; I try to separate all the functionality into groups so that it's easy to identify if a selector has already been used or not and for what purpose. I know it's considered bad code to open multiple scopes for the same selector but I'm seeing a lot of evidence to suggest that you have to actively try to make pure css run slowly on a webpage load.