Examples how to query shadow DOM, and when you actually don't want to.
...sneak peak below...
<!-- light DOM ("outside" the component) -->
<my-dialog>
<div class="hello">Hello</div>
<div class="world">World</div>
</my-dialog>
<!-- shadow DOM ("inside" the component) -->
<dialog>
<!-- slot is where the light DOM elements show up -->
<slot></slot>
</dialog>syntax highlighting by codehost
