So how to defer load ShadCn styles

[MohsinDev369]

This might be not related to ShadCn but i want to ask this community so here it is. For example in my website https://www.mohsindev369.dev/ I have a Sheet hamburger menu for small screens, I am pretty Sure Sheet component gets loaded when i first enter the page regardless if i am viewing from desktop or mobile, but ideally the Sheet component should be loaded if the user is viewing from the Mobile view.

And in network tab a big fat 30kb css is loaded, How can i only load above the fold Css and Above the fold ShadCn components and defer the others components including other screens components. I hope my question is clear.