How to properly style global components in other components?

Question

Angular

Hello others.
What are the options to style global components used in other components?
For example, there are several pages: /page-a and /page-b.
Each has its own design and many other things in common, such as search.
How to adjust the search component to the design of each of the pages?
What are the options anyway?
I would appreciate any help/advice!

Answer 1

Styles describe for the page. Not for the template but for the page.