I am working on angular and have created a component that is required to be used as both an angular component by an angular application and as a custom web component to be used by another application based on genesis.
The component uses styles from it’s component stylesheet, common app styling, global styles from other modules, and angular material styling.
The angular component on angular app works as expected but when the same component is used as a custom web component styling from outside the component stylesheet is not getting applied. And I am not using any encapsulation.