NAT is like package delivery IRL. If you’re a server and send a package to a client without NAT, that’s like sending a delivery boy to deliver pizza, goes straight from source to destination.
But with NAT it’s like ordering a package online. It first will be delivered to a distribution center, and then a delivery warehouse in your area, and then the courier delivers packages to all people on his route.
It’s way more complex and you now have a whole bunch of points of failure.
fun fact: This isn’t any one specific CSS framework’s doing but rather part of how JS UI libraries handle scoped CSS. When you have for example two components that have similar CSS, like one component sets button to color green, another component sets button to blue, then the compiler does this kinda thing because “real” CSS doesn’t support scoping.
So in the above example you’d get button class abcd and button class bcde.
So I haven’t used this yet but it exists and at the very least should offer a good starting point if it doesn’t work out of the box: https://github.com/dandykong/nopssdk
"You’re right, there is supposed to cheese on a cheeseburger. Please excuse my mistake“