En mistyles/app-theme.html Estoy intentando cambiar el tamaño del icono del menú depaper-drawer-panel en la consulta de medios. Este elemento está en index.html. Como está en la sombra, parece que no puedo acceder. Lo intenté con:

Probablemente no sea relevante, pero aquí está el 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;
    }
  } 

y

  @media (max-width: 600px) {

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

Sin éxito. ¿Alguna sugerencia?