body {font-family: Verdana, sans-serif; }



/* Dimensioni delle icone */
.size-10 {
  font-size: 10px;
  font-variation-settings: 'OPSZ' 10;
}

.size-12 {
  font-size: 12px;
  font-variation-settings: 'OPSZ' 12;
}

.size-14 {
  font-size: 14px;
  font-variation-settings: 'OPSZ' 14;
}

.size-16 {
  font-size: 16px;
  font-variation-settings: 'OPSZ' 16;
}

.size-18 {
  font-size: 18px;
  font-variation-settings: 'OPSZ' 18;
}
.size-20 {
  font-size: 20px;
  font-variation-settings: 'OPSZ' 20;
}
.size-24 {
  font-size: 24px;
  font-variation-settings: 'OPSZ' 24;
}

.size-28 {
  font-size: 28px;
  font-variation-settings: 'OPSZ' 28;
}

.size-40 {
  font-size: 40px;
  font-variation-settings: 'OPSZ' 40;
}
.size-48 {
  font-size: 48px;
  font-variation-settings: 'OPSZ' 48;
}


.size-54 {
  font-size: 54px;
  font-variation-settings: 'OPSZ' 54;
}

/* Regole per icone nere o inattive */
.dark {
  background: black;
  color: rgba(255, 255, 255, 1);
  font-variation-settings: 'GRAD' -25;
}
.dark-inactive {
  background: black;
  color: rgba(255, 255, 255, 0.3);
  font-variation-settings: 'GRAD' -25;
}