When building a performant web site, we all always look to the complexity of our DOM, file sizes, and bundle size/splitting to drive the performance of our web site. One thing we always seem to forget is that CSS is a render blocking asset. The complexity and breadth of the CSS we built will block rendering and give the user a poor experience, especially on an underpowered device.

Google dev resources has a good writeup here.