/* Display-contents leaves desktop typography and spacing unchanged. */
gleal-icon.g-icon,gleal-icon.g-icon>gleal-glyph{display:contents}
gleal-icon.g-icon>svg.g-icon-vector{display:none}

@media(max-width:800px),(hover:none) and (pointer:coarse){
  gleal-icon.g-icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:1em;height:1em;flex:0 0 auto;vertical-align:-.14em;
    color:inherit;line-height:1;pointer-events:none;
  }
  gleal-icon.g-icon>gleal-glyph{display:none}
  gleal-icon.g-icon>svg.g-icon-vector{
    display:block;position:static;inset:auto;width:100%;height:100%;
    overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round;opacity:1;
  }
  gleal-icon.g-icon>svg.g-icon-vector>*{
    fill:none;stroke:currentColor;stroke-width:1.7;stroke-dasharray:none;
    animation:none;
  }
  gleal-icon.g-icon>svg.g-icon-vector>.g-icon-fill{fill:currentColor;stroke:none}
  gleal-icon.g-icon[data-icon="pause"]>svg.g-icon-vector>path{stroke-width:3}
  .navigation .icon-button,.navigation .nav-button{
    display:inline-flex;align-items:center;justify-content:center;line-height:1;
  }
}