title: Access a shadow-root element using document.querySelector
body: <p>I am trying to access a button (class bt-close-onboarding) inside shadow-root using document.querySelector, but when I try to access the shadow-root, it returns null</p>
  <p><a href="https://i.stack.imgur.com/zAEQx.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/zAEQx.jpg" alt="enter image description here" /></a></p>
  <p>I startet building the query like this:</p>
  <pre><code>document.querySelector('body &gt; brad-root &gt; div.center &gt; #app-wrapper &gt; brad-app-home &gt; )
  </code></pre>
  <p>but when i insert shadow-root in the query it returns null</p>