How to prevent class renaming in Webpack Angular?

Question

css

I included a stylesheet with class definitions globally in angular. If the page is written entirely in one file, then the whole design works.
If I create a component and transfer some of the data to it and include it in the markup, then some of the styles are lost - in general, the design floats.
Do not understand why . Could it be that webpack is renaming the classes and then I want to apply the myclass class to the element - then it will be renamed to another one and the class and styles will not be applied?
If yes, then how to deal with it?
If not, then what else can be, which will explain why the classes do not work inside the component, when if you put the markup in a top-level file where the global style file is connected, then everything works.