...so I've seen the tailwind css memes but I used to think that it was just stuff like,

<div class="size-big padding-20 fries-yes">

etc. Today I have learned that it is in fact stuff like,

<div class="text-[#0d0b30] before:border-[#BBBBBB] before:bg-white before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#ebebf6] before:content-[''] hover:before:border-[#8566fe]">

and like, what on earth? what the fuck kind of CSS class name is "before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#ebebf6]"?