:root {
  --theme-alert-1: #271750;
  --theme-alert-2: #7447f2;
}

.angoliArrotondati10NoOmbra.mascheraGenerica.alert_barra_inferiore {
  background-color: var(--theme-alert-2) !important;
  border: none !important;
}

.angoliArrotondati10NoOmbra.mascheraGenerica.alert_barra_inferiore #titolo,
.angoliArrotondati10NoOmbra.mascheraGenerica.alert_barra_inferiore
  .titoloSuPoPup,
#titoloFP {
  background-color: var(--theme-alert-1) !important;
}

.gradientBG {
  background: linear-gradient(
    to bottom,
    #fff 0%,
    #fff 33%,
    #f1f5f7 33%,
    #eef1f2 100%,
    #eef1f2 100%
  );
}

#sfondoOpzioni {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.btnQFGenerico {
  background: linear-gradient(
    to bottom,
    #fff 0%,
    #fff 33%,
    #f1f5f7 33%,
    #eef1f2 100%,
    #eef1f2 100%
  );
}

.testoSuPulsanteIcona {
  color: #120054;
  text-shadow: none;
  font-weight: 600;
}

.immagineSuPulsante {
  color: #120054;
  fill: #120054;
  stop-color: #120054;
}

.mascheraGenerica {
  background-color: black;
}

.sprite_animata {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--W, 100px);
  height: var(--H, var(--W, 100px));
  background-repeat: no-repeat;
  background-size: calc(var(--nframes) * var(--W, 100px)) var(--H, var(--W, 100px));
  animation: sprite_animata calc(1s * var(--nframes) / var(--fps, 30)) steps(calc(var(--nframes) - 1)) forwards; 
}

@keyframes sprite_animata {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(var(--nframes) * var(--W, 100px) * -1 + var(--W, 100px))  0; 
  }
}

/************ BONUS - SPECIFICO PER QUESTA SLOT ************/