/* docs/DESIGN.md #6 — jeu de pictogrammes maison, tailles d'usage. */
@layer components {
  .pictogram {
    display: inline-block;
    line-height: 0;
    flex-shrink: 0;
  }

  .pictogram svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .pictogram--24 { width: 24px; height: 24px; }
  .pictogram--32 { width: 32px; height: 32px; }
  .pictogram--48 { width: 48px; height: 48px; }

  .pictogram--flip-x {
    transform: scaleX(-1);
  }
}