/* PURPOSE: Reset y dimensiones base de iconos SVG inline.
   KEY CLASSES: .hg-icon
   DEPENDS ON: --hg-icon-size, --hg-spacing-16 (config).
   DEMO: dist/componentes.html#icons */

  :root {
    --hg-icon-size: var(--hg-spacing-16);
  }

  .hg-icon {
    align-items: center;
    display: inline-flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
  
  .hg-icon svg {
    display: block;
    height: auto;
    width: var(--hg-icon-size);
  }