I use media queries for 4 different pixel sizes / breakpoints on my site.
For readability and grouping I am actually using a media query 23 times in the stylesheet (so duplicated throughout the file). Of course I could merge these all into the four, but ideally I don't want to unless there's a performance benefit (other than slightly increased file size obviously, which I don't think is a major concern).
Is there a processing time cost to process 23 media queries rather than 4, even though overall styles are the same?
Please answer based on raw CSS rather than a pre-processor.