Creo y uso un componente web.

y le doy un poco de estilo al componente web. Después de eso, siempre el componente web inyecta su propio estilo en la raíz de sombra.

Este es el código.

<custom-element style="width: 50%; border: 1px solid red" />

Y puedo ver esta estructura dom en la pestaña de elementos de devTool

<custom-element style="width: 50%; border: 1px solid red">
   #shadow-root
   <div style="width: 50%; border: 1px solid red">
      ~~~~
   </div>
</custom-element>

Pero quiero darle un estilo solo al elemento personalizado. O dar un estilo solo para la raíz de sombra. ¿Cómo puedo hacer esto?