/* ═══════════════════════════════════════════════════════════════════════════
   LE ICONE, SERVITE DA QUI
   ═══════════════════════════════════════════════════════════════════════════
   Prima arrivavano da fonts.googleapis.com, e il service worker non ne metteva
   in cache nemmeno una. Due conseguenze, e nessuna delle due teorica:

   1. Senza rete — o con Google irraggiungibile, o dietro una rete aziendale che
      lo blocca — l'app non mostra icone: mostra le PAROLE. Al posto del
      cassonetto compare "delete", al posto dell'ingranaggio "settings". Ed e'
      un'app che si installa sul telefono e deve funzionare anche offline.
   2. Ogni apertura da un dispositivo nuovo e' una richiesta a un terzo, con
      quello che comporta anche per la privacy di chi la usa.

   Adesso il file sta nel dominio, il service worker lo tiene in cache come il
   resto del guscio, e le icone ci sono sempre.

   Se un giorno si aggiorna il font: riscaricare il .woff2 dall'indirizzo
   indicato dal foglio di Google e sostituirlo qui, senza cambiare il nome.
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('font/material-icons-outlined.woff2') format('woff2');
  /* "block" e non "swap": queste non sono lettere, sono simboli. Con swap, nei
     millisecondi prima che il font arrivi il browser disegna il testo di
     ripiego — cioe' la parola "delete" al posto dell'icona — e si vede
     lampeggiare. Con block resta uno spazio vuoto e poi appare l'icona.
     Il font e' locale, quindi quel blocco dura pochissimo. */
  font-display: block;
}

.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  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;
  /* Le legature sono il meccanismo con cui "delete" diventa il disegno del
     cassonetto: senza, resta scritto per esteso. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}