/* Versão 1.0.0 */

/*
  Tamanhos dos ícones Material Icons (DESIGN.md → Components → Icons).
  A folha do Google define .material-icons { font-size: 24px } fora de camada e vence os utilitários
  do Tailwind v4 (que ficam em @layer), por isso o tamanho do ícone mora aqui, com duas classes.
*/

.material-icons.ico-xs { font-size: 16px; }
.material-icons.ico-sm { font-size: 20px; }
.material-icons.ico-md { font-size: 24px; }
.material-icons.ico-lg { font-size: 28px; }
.material-icons.ico-xl { font-size: 36px; }

/* Ícone no meio de uma linha de texto: acompanha o tamanho da fonte e senta na linha de base */
.material-icons.ico-inline {
  font-size: 1.2em;
  vertical-align: -0.22em;
}