Element in shadow dom in Medienabfrage kann nicht formatiert werden

In meinemstyles/app-theme.html Ich versuche, die Größe des Menüsymbols von @ zu änderpaper-drawer-panel in der Medienabfrage. Dieses Element befindet sich in index.html. Da es sich im Schattenbereich befindet, kann ich anscheinend nicht darauf zugreifen. Ich habe versucht mit:

Möglicherweise nicht relevant, aber hier ist die index.html:

  <template is="dom-bind" id="app">
    <paper-drawer-panel force-narrow="true">
      <div drawer>
        <drawer-custom></drawer-custom>
      </div>
      <div main>
        <div id="header-v-center">
          <paper-icon-button id="paper-toggle" icon="menu" paper-drawer-toggle>
  @media (max-width: 600px) {
    iron-icon#icon::shadow {
      height: 6px;
      width: 5px;
    }
  } 

un

  @media (max-width: 600px) {

    :root {
      --iron-icon-height: 6px;
      --iron-icon-width: 50px;
    }
  } 

Zu keinem Erfolg. Irgendwelche Vorschläge

Antworten auf die Frage(2)

Ihre Antwort auf die Frage