@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.woff2') format('woff2');
}

.material-icons,
.material-icons-outlined {
  font-family: 'Material Icons Outlined', 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

/* Tamanhos utilitários para acompanhar os tamanhos do Tailwind */
.material-icons.text-xs, .material-icons-outlined.text-xs { font-size: 0.75rem; }
.material-icons.text-sm, .material-icons-outlined.text-sm { font-size: 0.875rem; }
.material-icons.text-base, .material-icons-outlined.text-base { font-size: 1rem; }
.material-icons.text-lg, .material-icons-outlined.text-lg { font-size: 1.125rem; }
.material-icons.text-xl, .material-icons-outlined.text-xl { font-size: 1.25rem; }
.material-icons.text-2xl, .material-icons-outlined.text-2xl { font-size: 1.5rem; }
.material-icons.text-3xl, .material-icons-outlined.text-3xl { font-size: 1.875rem; }
.material-icons.w-3\.5, .material-icons.h-3\.5, .material-icons-outlined.w-3\.5, .material-icons-outlined.h-3\.5 { font-size: 0.875rem; width: 0.875rem; height: 0.875rem; }
.material-icons.w-4, .material-icons.h-4, .material-icons-outlined.w-4, .material-icons-outlined.h-4 { font-size: 1rem; width: 1rem; height: 1rem; }
.material-icons.w-5, .material-icons.h-5, .material-icons-outlined.w-5, .material-icons-outlined.h-5 { font-size: 1.25rem; width: 1.25rem; height: 1.25rem; }
.material-icons.w-6, .material-icons.h-6, .material-icons-outlined.w-6, .material-icons-outlined.h-6 { font-size: 1.5rem; width: 1.5rem; height: 1.5rem; }
.material-icons.w-7, .material-icons.h-7, .material-icons-outlined.w-7, .material-icons-outlined.h-7 { font-size: 1.75rem; width: 1.75rem; height: 1.75rem; }
.material-icons.w-8, .material-icons.h-8, .material-icons-outlined.w-8, .material-icons-outlined.h-8 { font-size: 2rem; width: 2rem; height: 2rem; }