/* FONT */
:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  box-sizing: border-box;
}

:root {
  /* bloccoRicerca1 */
  --colore-bg-blocco-ricerca: #dedede;
  --colore-placeholder-blocco-ricerca: #ababab;
  --colore-testo-blocco-ricerca: #2d3844;
  --padding-blocco-ricerca: 12px 28px;
  --border-radius-blocco-ricerca: 5px;

  /* bottone1 */
  --colore-bg-bottone1: #2d3844;
  --colore-bg-bottone1--attivo: var(--color-main);
  --colore-testo-bottone1: #fff;
  --colore-testo-bottone1--attivo: #fff;
  --colore-icona-bottone1: var(--color-main);
  --colore-icona-bottone1--attivo: #fff;
  --border-radius-bottone1: 5px;
  --padding-bottone1: 12px;
  --bottone1-font-weight: 900;
  --bottone1-max-width: unset;

  /* bottone2 */
  --colore-bg-bottone2: #2d3844;
  --colore-bg-bottone2--attivo: var(--color-main);
  --colore-testo-bottone2: #fff;
  --colore-testo-bottone2--attivo: #fff;
  --colore-icona-bottone2: var(--color-main);
  --colore-icona-bottone2--attivo: #fff;
  --border-radius-bottone2: 5px;
  --padding-bottone2: 12px;
  --font-weight-bottone2: 600;
  --max-width-bottone2: unset;

  /* bottoneProvider1 */
  --aspect-ratio-bottoneProvider1: 14 / 9;
  --border-radius--containerLogo: 8px;
  --font-weight-nomeProvider: 600;
  --padding-containerNomeProvider: 4px 0;
  --colore-nomeProvider: #2d3844;
  --colore-nomeProvider--attivo: var(--color-main);
  --bordo-bottoneProvider1__containerLogo: 3px solid #2d3844;
  --bordo-bottoneProvider1__containerLogo--attivo: 3px solid var(--color-main);

  /* Carosello */
  --aspect-ration-carousel-item-content: 16/9; /* Questo è l'aspect-ratio delle immagini del carosello,
  si può inserire sia una delle forme più comuni (Esempio: 16:9-->16:9, 4:3-->4/3, 1:1-->1/1),
  sia direttamente la risoluzione delle immagini che si hanno a disposizione (Esempio: 1920x1080-->1920/1080, 1366x768-->1366:768).
  Al fine di non avere le immagini tagliate, si consiglia di usare tutte immagini con lo stesso aspect-ratio
  (vanno bene anche con differenti risoluzioni, ma l'aspect-ratio dovrebbe essere lo stesso. 
  Esempio: immagine1 ha risoluzione 1920x1080, l'aspect-ratio è 16/9; immagine2 ha risoluzione 1280x768, l'aspect ratio è sempre 16:9.
  Questo non causa problemi.)
  */

  --colore-carousel-indicators: var(--color-main);
  --grandezza-carousel-indicators: 14px;
  --border-radius-carousel-indicators: 100%;

  /* containerPaginaCasino1 */
  --colore-bg-containerPaginaCasino1: #fff;
  --padding-containerPaginaCasino1: 12px;
  --pagina-casino-spazio-verticale-elementi-sm: 12px;
  --pagina-casino-spazio-verticale-elementi-md: 24px;
  --pagina-casino-spazio-orizzontale-elementi-sm: 12px;
  --pagina-casino-spazio-orizzontale-elementi-md: 24px;
  --padding-bottom-containerPaginaCasino1: 48px;

  /* containerSEO1 */
  --margin-bottom-elementi-containerSEO1: 6px;
  --margin-bottom-elementi-containerSEO1__inner: 4px;
  --colore-testo-titoloSEO1: var(--color-main);
  --font-weight-titoloSEO1: 600;
  --colore-testo-testoSEO1: #2d3844;

  /* grigliaProvider1*/
  --numero-colonne-grigliaProvider1: 2;
  --numero-colonne-grigliaProvider1-md: 4; /* Parte da 768px */
  --numero-colonne-grigliaProvider1-lg: 5; /* Parte da 1024px */

  /* grigliaSlots1 */
/*   --numero-colonne-grigliaSlots1: 3;
  --numero-colonne-grigliaSlots1-md: 4;
  --numero-colonne-grigliaSlots1-lg: 5; */
  --numero-colonne-grigliaSlots1-columnsFormat1: 6;
  --numero-colonne-grigliaSlots1-columnsFormat2: 8;
  --numero-colonne-grigliaSlots1-columnsFormat3: 10;
  --numero-colonne-grigliaSlots1-columnsFormat4: 2;
  --aspect-ratio-cellaGrigliaSlot: 1/1;

  /* menuCasino */
  --colore-menuCasino__bottone: #2d3844;
  --colore-menuCasino__bottone--attivo: var(--color-main);
  --margin-menuCasino: 0 0 0 0;

  /* titoloPagina1 */
  --font-weight-titoloPagina1: 600;
  --font-size-titoloPagina1: 2rem;
  --colore-titolo-pagina: #2d3844;

  /* rigaCategorie1 */
  --colore-rigaCategorie1__icona1: var(--color-main);
  --colore-rigaCategorie1__tipoCategoria: #2d3844;
  --colore-rigaCategorie1__icona2: var(--color-main);
  --border-bottom-rigaCategorie1: 1px solid #ccc;
  --font-weight-ricaCategorie__tipoCategoria: 600;

  /* componenteGioco */
  --colore-testo-titolo-componenteGioco: #2d3844;
  --font-weight-titolo-componenteGioco: 600;
  --colore-testo-altro-componenteGioco: var(--color-main);
  --font-weight-altro-componenteGioco: 600;
  --margin-bottom-elementi-componenteGioco: 12px;
  --padding-dx-componenteGioco__intestazione: 12px;
  
   /* card1 */
  --card1-borderRadius: 6px;
  --card1-body-padding: 12px 8px;
  --card1-body-background: #f5f5f5;
  --card1-badge-borderRadius: 3px;
  --card1-badge-fontSize: 12px;
  --card1-badge-padding: 2px 6px;
  --card1-badge1-background: #303590;
  --card1-badge1-color: #fff;
  --card1-badge2-background: #d0021b;
  --card1-badge2-color: #fff;
  --card1-categoria-color: #000;
  --card1-categoria-fontSize: 14px;
  --card1-titolo-color: #000;
  --card1-titolo-fontSize: 14px;

  /* gioco1*/
  --border-radius-gioco1: 6px;
  --font-size-titolo-gioco1: 12px;
  --font-size-titolo-gioco1-tablet: 14px;
  --colore-bg-rigaTitolo-gioco1: rgb(45 56 68 / 80%);
  --colore-testo-rigaTitolo-giooco1: #fff;

  /* GruppoGiochi1 */
  --VAR-numero-righe-grid-gruppoGiochi1: 1;
  --VAR-numero-di-colonne-grid-gruppoGiochi1: 3;
  --VAR-numero-di-colonne-grid-gruppoGiochi1-tablet: 6;
  --VAR-numero-di-colonne-grid-gruppoGiochi1-desktop-1920: 8;
  --VAR-numero-di-colonne-grid-gruppoGiochi1-desktop-1440: 12;
  --VAR-grid-gap-gruppoGiochi1: 12px;

  /* GruppoGiochi2 */
  --VAR-numero-righe-grid-gruppoGiochi2: 1;
  --VAR-numero-di-colonne-grid-gruppoGiochi2: 3; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi2-tablet: 6; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi2-desktop-1920: 8; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi2-desktop-1440: 12; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-grid-gap-gruppoGiochi2: 12px;

  /* GruppoGiochi3 */
  --VAR-numero-righe-grid-gruppoGiochi3: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochi3: 3; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi3-tablet: 6; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi3-desktop-1920: 8; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi3-desktop-1440: 12; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-grid-gap-gruppoGiochi3: 12px;

  /* GruppoGiochi4 */
  --VAR-numero-righe-grid-gruppoGiochi4: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochi4: 3; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi4-tablet: 6; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi4-desktop-1920: 8; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi4-desktop-1440: 12; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-grid-gap-gruppoGiochi4: 12px;

  /* GruppoGiochi5 */
  --VAR-numero-righe-grid-gruppoGiochi5: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochi5: 3; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi5-tablet: 6; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi5-desktop-1920: 8; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi5-desktop-1440: 12; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-grid-gap-gruppoGiochi5: 12px;
  
  /* GruppoGiochi6 */
  --VAR-numero-righe-grid-gruppoGiochi6: 1;
  --VAR-numero-di-colonne-grid-gruppoGiochi6: 3; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi6-tablet: 6; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi6-desktop-1024: 4; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi6-desktop-1440: 4; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi6-desktop-1920: 5; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi6-desktop-2560: 12; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-grid-gap-gruppoGiochi6: 12px;

  /* GruppoGiochi7 */
  --VAR-numero-righe-grid-gruppoGiochi7: 1;
  --VAR-numero-di-colonne-grid-gruppoGiochi7: 3; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi7-tablet: 6; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi7-desktop-1024: 4; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi7-desktop-1440: 4; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi7-desktop-1920: 5; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi7-desktop-2560: 12; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-grid-gap-gruppoGiochi7: 12px;

  /* GruppoGiochi-FixedFormFactor-1 */
  --VAR-numero-righe-grid-gruppoGiochi-FixedFormFactor-1: 1;
  --VAR-form-factor-immagine-gruppoGiochi-FixedFormFactor-1: 81/121; /* Si può mettere sia il form factor (es. 5/3; 16/9; ecc...) che la risoluzione (es. 290*174; 1920*1080;)  dell'immagine - IMPORTANTE: bisogna usare i simboli forward-slash "/" e asterisco "*"  nella variabile  */
  --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-1: 2; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-1-tablet: 6; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-1-desktop-1920: 8; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-1-desktop-1440: 12; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-grid-gap-gruppoGiochi-FixedFormFactor-1: 12px;

  /* GruppoGiochi-FixedFormFactor-2 */
  --VAR-numero-righe-grid-gruppoGiochi-FixedFormFactor-2: 2;
  --VAR-form-factor-immagine-gruppoGiochi-FixedFormFactor-2: 5/3; /* Si può mettere sia il form factor (es. 5/3; 16/9; ecc...) che la risoluzione (es. 290*174; 1920*1080;)  dell'immagine - IMPORTANTE: bisogna usare i simboli forward-slash "/" e asterisco "*"  nella variabile  */
  --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-2: 2; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-2-tablet: 6; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-2-desktop-1920: 8; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-2-desktop-1440: 12; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-grid-gap-gruppoGiochi-FixedFormFactor-2: 12px;
  
   /* rigaMultiGiochi1 */
  --gridTemplateColumns-rigaMultiGiochi1: 2.5fr 4.5fr;
  --gridTemplateColumns-rigaMultiGiochi1-1920: 2.5fr 6.5fr;
  --gridTemplateColumns-rigaMultiGiochi1-2560: 2.5fr 10.5fr;
  --gridColumnGap-rigaMultiGiochi1: 0;
  --margin-left-children-rigaMultiGiochi1: 12px;
  
  /* rigaMultiGiochi2 */
  --gridTemplateColumns-rigaMultiGiochi2: 6.5fr 2fr;
  --gridColumnGap-rigaMultiGiochi2: 0;
  --margin-left-children-rigaMultiGiochi2: 12px;

  /* GruppoGiochi11 */
  --VAR-numero-righe-grid-gruppoGiochi11: 2;
  --VAR-numero-righe-grid-gruppoGiochi11: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochi11: 6; /* A questo numero verr� aggiunto 0.5 per far si che si veda mezza grid in pi� al fine di indicare che si pu� scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi11-1920: 8; /* A questo numero verr� aggiunto 0.5 per far si che si veda mezza grid in pi� al fine di indicare che si pu� scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi11-2560: 12; /* A questo numero verr� aggiunto 0.5 per far si che si veda mezza grid in pi� al fine di indicare che si pu� scrollare*/
  --VAR-grid-gap-gruppoGiochi11: 12px;

  /* g-12__RigaMultiGiochi1 */
  --VAR-numero-righe-grid-g-12__RigaMultiGiochi1: 2;
  --VAR-numero-di-colonne-grid-g-12__RigaMultiGiochi1: 2;
  --VAR-grid-gap-g-12__RigaMultiGiochi1: 12px;

  /* g-5__RigaMultiGiochi1 */
  --VAR-numero-di-colonne-grid-g-5__RigaMultiGiochi1: 4.5;
  --VAR-numero-di-colonne-grid-g-5__RigaMultiGiochi1-1920: 5.5;
  --VAR-numero-di-colonne-grid-g-5__RigaMultiGiochi1-2560: 7.5;
  --VAR-numero-righe-grid-g-5__RigaMultiGiochi1: 2;
  --VAR-grid-gap-g-5__RigaMultiGiochi1: 12px;
  
  /* GruppoGiochi13 */
  --VAR-numero-righe-grid-gruppoGiochi13: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochi13: 3; /* A questo numero verr� aggiunto 0.5 per far si che si veda mezza grid in pi� al fine di indicare che si pu� scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi13-tablet: 6; /* A questo numero verr� aggiunto 0.5 per far si che si veda mezza grid in pi� al fine di indicare che si pu� scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi13-desktop-1920: 8; /* A questo numero verr� aggiunto 0.5 per far si che si veda mezza grid in pi� al fine di indicare che si pu� scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi13-desktop-2560: 12; /* A questo numero verr� aggiunto 0.5 per far si che si veda mezza grid in pi� al fine di indicare che si pu� scrollare*/
  --VAR-grid-gap-gruppoGiochi13: 12px;
  
  /* GruppoGiochi15 */
  --VAR-numero-righe-grid-gruppoGiochi15: 3;
  --VAR-numero-di-colonne-grid-gruppoGiochi15: 4;
  --VAR-numero-di-colonne-grid-gruppoGiochi15-768: 5;
  --VAR-numero-di-colonne-grid-gruppoGiochi15-1024: 6;
  --VAR-numero-di-colonne-grid-gruppoGiochi15-1440: 7;
  --VAR-numero-di-colonne-grid-gruppoGiochi15-1920: 8;
  --VAR-numero-di-colonne-grid-gruppoGiochi15-2560: 10;
  --VAR-grid-gap-gruppoGiochi15: 12px;
  
  /* GruppoGiochi16 */
  --VAR-numero-righe-grid-gruppoGiochi16: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochi16: 4;
  --VAR-numero-di-colonne-grid-gruppoGiochi16-768: 5;
  --VAR-numero-di-colonne-grid-gruppoGiochi16-1024: 6;
  --VAR-numero-di-colonne-grid-gruppoGiochi16-1440: 7;
  --VAR-numero-di-colonne-grid-gruppoGiochi16-1920: 8;
  --VAR-numero-di-colonne-grid-gruppoGiochi16-2560: 10;
  --VAR-grid-gap-gruppoGiochi16: 12px;
  
  /* GruppoGiochi4 */
  --VAR-numero-righe-grid-gruppoGiochi24: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochi24: 3; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi24-tablet: 6; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi24-desktop-1920: 8; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-numero-di-colonne-grid-gruppoGiochi24-desktop-1440: 12; /* A questo numero verrà aggiunto 0.5 per far si che si veda mezza grid in più al fine di indicare che si può scrollare*/
  --VAR-grid-gap-gruppoGiochi24: 12px;
  
  /* g-16__RigaMultiGiochi1 */
  --VAR-numero-di-colonne-grid-g-16__RigaMultiGiochi1: 4;
  --VAR-numero-di-colonne-grid-g-16__RigaMultiGiochi1-1920: 6;
  --VAR-numero-di-colonne-grid-g-16__RigaMultiGiochi1-2560: 7;
  --VAR-numero-righe-grid-g-16__RigaMultiGiochi1: 2;
  --VAR-grid-gap-g-16__RigaMultiGiochi1: 12px;
  
  /* g-14__RigaMultiGiochi1 */
  --VAR-numero-di-colonne-grid-g-14__RigaMultiGiochi1: 8;
  --VAR-numero-di-colonne-grid-g-14__RigaMultiGiochi1-1920: 8;
  --VAR-numero-di-colonne-grid-g-14__RigaMultiGiochi1-2560: 10;
  --VAR-numero-righe-grid-g-14__RigaMultiGiochi1: 2;
  --VAR-grid-gap-g-14__RigaMultiGiochi1: 12px;
}

@media screen and (min-width: 768px) {
  :root {
    --VAR-numero-di-colonne-grid-gruppoGiochi1: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi1-tablet
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi2: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi2-tablet
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi3: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi3-tablet
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi4: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi4-tablet
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi5: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi5-tablet
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi6: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi6-tablet
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi7: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi7-tablet
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi24: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi24-tablet
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-1: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-1-tablet
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-2: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-2-tablet
    );
  }
}

@media screen and (min-width: 1024px) {
  :root {
    --VAR-numero-di-colonne-grid-gruppoGiochi6: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi6-desktop-1024
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi7: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi7-desktop-1024
    );
  }
}

@media screen and (min-width: 1440px) {
  :root {
    --VAR-numero-di-colonne-grid-gruppoGiochi6: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi6-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi7: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi7-desktop-1440
    );
  }
}

@media screen and (min-width: 1920px) {
  :root {
    --VAR-numero-di-colonne-grid-gruppoGiochi1: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi1-desktop-1920
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi2: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi2-desktop-1920
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi3: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi3-desktop-1920
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi4: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi4-desktop-1920
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi5: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi5-desktop-1920
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi6: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi6-desktop-1920
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi7: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi7-desktop-1920
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi24: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi24-desktop-1920
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-1: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-1-desktop-1920
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-2: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-2-desktop-1920
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi11: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi11-1920
    );
    --gridTemplateColumns-rigaMultiGiochi1: var(
      --gridTemplateColumns-rigaMultiGiochi1-1920
    );
    --VAR-numero-di-colonne-grid-g-5__RigaMultiGiochi1: var(
      --VAR-numero-di-colonne-grid-g-5__RigaMultiGiochi1-1920
    );
  }
}

@media screen and (min-width: 2560px) {
  :root {
    --VAR-numero-di-colonne-grid-gruppoGiochi1: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi1-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi2: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi2-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi3: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi3-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi4: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi4-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi5: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi5-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi6: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi6-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi7: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi7-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi24: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi24-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-1: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-1-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-2: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi-FixedFormFactor-2-desktop-1440
    );
    --VAR-numero-di-colonne-grid-gruppoGiochi11: var(
      --VAR-numero-di-colonne-grid-gruppoGiochi11-2560
    );
    --gridTemplateColumns-rigaMultiGiochi1: var(
      --gridTemplateColumns-rigaMultiGiochi1-2560
    );
    --VAR-numero-di-colonne-grid-g-5__RigaMultiGiochi1: var(
      --VAR-numero-di-colonne-grid-g-5__RigaMultiGiochi1-2560
    );
  }
}


/* :root {
  --VAR-numero-di-colonne-grid-gruppoGiochi11: 12 !important;
  --gridTemplateColumns-rigaMultiGiochi1: 2fr 10.5fr !important;
  --VAR-numero-di-colonne-grid-g-5__RigaMultiGiochi1: 10.5 !important;
} */

.titoloPagina1 {
  font-weight: var(--font-weight-titoloPagina1);
  font-size: var(--font-size-titoloPagina1);
  margin-left: var(--pagina-casino-spazio-orizzontale-elementi-sm);
  margin-right: var(--pagina-casino-spazio-orizzontale-elementi-sm);
  color: var(--colore-titolo-pagina);
}

.titoloPagina1 > *:not(:last-child) {
  margin-right: var(--pagina-casino-spazio-orizzontale-elementi-sm);
}

.rigaTipiGioco1 {
  display: flex;
  justify-content: space-between;
  margin-left: var(--pagina-casino-spazio-orizzontale-elementi-sm);
  margin-right: var(--pagina-casino-spazio-orizzontale-elementi-sm);
  overflow-x: scroll;
}

.rigaTipiGioco1 > *:not(:last-child) {
  margin-right: var(--pagina-casino-spazio-orizzontale-elementi-sm);
}

.rigaTipiGioco1 > * {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  flex-basis: calc(36% - var(--pagina-casino-spazio-orizzontale-elementi-sm));
}

@media screen and (min-width: 576px) {
  .rigaTipiGioco1 > * {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(19% - var(--pagina-casino-spazio-orizzontale-elementi-sm));
  }
}

.rigaRicerca1 {
  margin-left: var(--pagina-casino-spazio-orizzontale-elementi-sm);
  margin-right: var(--pagina-casino-spazio-orizzontale-elementi-sm);
}

:root {
  --numero-colonne-rigaGiochi1: ;
  --gap-righe-rigaGiochi1: ;
  --gap-colonne-rigaGiochi1: ;

  --numero-colonne-rigaGiochi1-mobile: 1;
  --numero-colonne-rigaGiochi1-tablet: 1;
  --gap-righe-rigaGiochi1-mobile: 20px;
  --gap-righe-rigaGiochi1-tablet: 24px;

  --margin-left-children-rigaGiochi1: 12px;
}

.rigaGiochi1 {
  --numero-colonne-rigaGiochi1: var(--numero-colonne-rigaGiochi1-mobile);
  --gap-righe-rigaGiochi1: var(--gap-righe-rigaGiochi1-mobile);

  display: grid;
  grid-row-gap: var(--gap-righe-rigaGiochi1);
  row-gap: var(--gap-righe-rigaGiochi1);
  grid-template-columns: repeat(var(--numero-colonne-rigaGiochi1), 1fr);
}

.rigaGiochi1 > * {
  margin-left: var(--margin-left-children-rigaGiochi1);
  margin-bottom: var(--margin-left-children-rigaGiochi1);
}

@media screen and (min-width: 768px) {
  .rigaGiochi1 {
    --numero-colonne-rigaGiochi1: var(--numero-colonne-rigaGiochi1-tablet);
    --gap-righe-rigaGiochi1: var(--gap-righe-rigaGiochi1-tablet);

    display: grid;
    grid-template-columns: repeat(var(--numero-colonne-rigaGiochi1), 1fr);
  }
}

.rigaMultiGiochi1 {
  display: grid;
  grid-column-gap: var(--gridColumnGap-rigaMultiGiochi1);
  grid-template-columns: var(--gridTemplateColumns-rigaMultiGiochi1);
}

.rigaMultiGiochi1 > * {
  margin-left: var(--margin-left-children-rigaMultiGiochi1) !important;
  margin-bottom: var(--margin-left-children-rigaMultiGiochi1) !important;
}

.rigaMultiGiochi2 {
  display: grid;
  grid-column-gap: var(--gridColumnGap-rigaMultiGiochi2);
  grid-template-columns: var(--gridTemplateColumns-rigaMultiGiochi2);
}

.rigaMultiGiochi2 > * {
  margin-left: var(--margin-left-children-rigaMultiGiochi2) !important;
  margin-bottom: var(--margin-left-children-rigaMultiGiochi2) !important;
}

.rigaMultiGiochi3 {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 3.5fr 4.5fr;
}
.rigaMultiGiochi3--0 {
  grid-template-columns: 4.5fr 4.5fr;
}
.rigaMultiGiochi3--1024 {
  grid-template-columns: 3.5fr 4.5fr;
}
.rigaMultiGiochi3--1920 {
  grid-template-columns: 2.5fr 4.5fr;
}
.rigaMultiGiochi3 > * {
  margin-bottom: 12px;
}
.rigaMultiGiochi3 > *:first-child {
  margin-left: 12px;
}
.rigaMultiGiochi3 .gruppoGiochi1 {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.rigaMultiGiochi3 .g-1__containerGridOuter {
  --numero-righe-grid-gruppoGiochi1: 1;
  --numero-di-colonne-grid-gruppoGiochi1: 2;
  /* A questo numero verr� aggiunto 0.5 per far si che si veda mezza grid in pi� al fine di indicare che si pu� scrollare*/
  --grid-gap-gruppoGiochi1: 12px;
}
.rigaMultiGiochi3 .g-1__containerGridOuter--0 {
  --numero-di-colonne-grid-gruppoGiochi1: 1;
}
.rigaMultiGiochi3 .g-1__containerGridOuter--320 {
  --numero-di-colonne-grid-gruppoGiochi1: 1;
}
.rigaMultiGiochi3 .g-1__containerGridOuter--480 {
  --numero-di-colonne-grid-gruppoGiochi1: 2;
}
.rigaMultiGiochi3 .g-1__containerGridOuter--576 {
  --numero-di-colonne-grid-gruppoGiochi1: 2;
}
.rigaMultiGiochi3 .g-1__containerGridOuter--768 {
  --numero-di-colonne-grid-gruppoGiochi1: 3;
}
.rigaMultiGiochi3 .g-1__containerGridOuter--1024 {
  --numero-di-colonne-grid-gruppoGiochi1: 4;
}
.rigaMultiGiochi3 .g-1__containerGridOuter--1366 {
  --numero-di-colonne-grid-gruppoGiochi1: 5;
}
.rigaMultiGiochi3 .gruppoWidget {
  flex-grow: 1;
  --numberOfWidgetsPerView: 1.05;
  --numberOfWidgetsPerView__mathFloor: 1;
}
.rigaMultiGiochi3 .gruppoWidget--576 {
  --numberOfWidgetsPerView: 1.1;
}
.rigaMultiGiochi3 .gruppoWidget--768 {
  --numberOfWidgetsPerView: 1.1;
}
.rigaMultiGiochi3 .gruppoWidget--singleChild {
  --numberOfWidgetsPerView: 1 !important;
}
.rigaMultiGiochi3 .g-1__containerGridOuter .gioco1{
    height: max-content;
}
.rigaMultiGiochi3 .gruppoGiochi__figlio{
    display: flex;
    align-items: center;
}

.gioco1 {
  position: relative;
  border-radius: var(--border-radius-gioco1);
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.gioco1__topLeft {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
}
.gioco1__topRight {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
  align-items: center;
}

.gioco1__rigaTitolo {
  position: absolute;
  height: 30px;
  bottom: 0;
  width: 100%;
  background-color: var(--colore-bg-rigaTitolo-gioco1);
  color: var(--colore-testo-rigaTitolo-giooco1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.gioco1__titolo {
  padding: 0 4px;
  font-size: var(--font-size-titolo-gioco1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 768px) {
  .gioco1__titolo {
    font-size: var(--font-size-titolo-gioco1-tablet);
  }
}

.gioco1__immagine {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iconaInfo{
  display: block;
  position: relative;
  width: 17px;
  height: 17px;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/></svg>");
  mask-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/></svg>");
}

/*.cuorePreferiti{
	width:17px !important;
	height: 17px !important;
}*/

.jackpot-label {
  background: rgba(0, 0, 0, 0.7) !important;
  position: absolute !important;
  width: calc(100% - 30px) !important;
  left: 15px;
  bottom: 2%;
  border-radius: 8px;
  padding: 4px 4px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #fff;
}

@media (min-width: 1920px) {
  .jackpot-label {
    font-size: 15px !important;
    padding: 5px 8px !important;
  }
}

:root {
  --spinner-immagini: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cstyle%3E .element%7B transform-origin: center; animation: rotate 2s linear infinite %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D %3C/style%3E%3Cpath class='element' fill='%23b2b2b2' d='M512 256c0 141.2-114.8 256-256 256s-256-114.8-256-256c0-112.4 75.19-213.4 182.9-245.4c16.94-5.047 34.75 4.641 39.78 21.55c5.062 16.94-4.594 34.75-21.53 39.8C120.4 95.97 64 171.7 64 256c0 105.9 86.13 192 192 192s192-86.13 192-192c0-84.34-56.38-160-137.1-184c-16.94-5.047-26.59-22.86-21.53-39.8c5.031-16.91 22.84-26.56 39.78-21.55C436.8 42.64 512 143.6 512 256z'/%3E%3C/svg%3E");
}
.containerPaginaCasino1 {
  padding-top: var(--pagina-casino-spazio-verticale-elementi-md);
  padding-bottom: var(--padding-bottom-containerPaginaCasino1);
  background-color: var(--colore-bg-containerPaginaCasino1);
}

.containerPaginaCasino1 > *:not(:last-child) {
  margin-bottom: var(--pagina-casino-spazio-verticale-elementi-md);
}

body {
  margin: 0;
}

.margin-bottom-standard {
  margin-bottom: var(--pagina-casino-spazio-verticale-elementi-md);
}

.containerBloccoRicerca1 {
  position: relative;
  display: flex;
}

.bloccoRicerca1 {
  font-size: 1em;
  flex-grow: 1;
  outline: none;
  border: none;
  background-color: var(--colore-bg-blocco-ricerca);
  color: var(--colore-testo-blocco-ricerca);
  padding: var(--padding-blocco-ricerca);
  border-radius: var(--border-radius-blocco-ricerca);
  border:1px solid darkgray;
}

.bloccoRicerca1::placeholder {
  color: var(--colore-placeholder-blocco-ricerca);
}

.bloccoRicerca1__iconaCerca {
  color: var(--colore-placeholder-blocco-ricerca);
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.bloccoRicerca1__bottoneChiudi {
  font-size: unset;
  display: flex;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.bloccoRicerca1__bottoneChiudi:active .bloccoRicerca1__iconaChiudi {
  transform: scale(1.1);
}

.bloccoRicerca1__iconaChiudi {
  color: var(--colore-placeholder-blocco-ricerca);
}

.grigliaSlots1 {
  display: grid;
  grid-gap: var(--pagina-casino-spazio-verticale-elementi-sm);
  grid-template-columns: repeat(var(--numero-colonne-grigliaSlots1), 1fr);
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 20px;
}

.grigliaSlots1--columnsFormat1 {
  grid-template-columns: repeat(
    var(--numero-colonne-grigliaSlots1-columnsFormat1),
    1fr
  );
}

.grigliaSlots1--columnsFormat2 {
  grid-template-columns: repeat(
    var(--numero-colonne-grigliaSlots1-columnsFormat2),
    1fr
  );
}

.grigliaSlots1--columnsFormat3 {
  grid-template-columns: repeat(
    var(--numero-colonne-grigliaSlots1-columnsFormat3),
    1fr
  );
}

.grigliaSlots1--columnsFormat4 {
  grid-template-columns: repeat(
    var(--numero-colonne-grigliaSlots1-columnsFormat4),
    1fr
  );
}

.grigliaSlots1__cella {
  position: relative;
}

.grigliaSlots1__cella::after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: calc(100% / calc(var(--aspect-ratio-cellaGrigliaSlot)));
}

.grigliaSlots1__contenutoCella {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}


#idMostraAltri{
	padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    display:flex;
    justify-content:center;
    width: 100%;
}

#idMostraAltriButton{
    background: var(--colore-testo-altro-componenteGioco);
    color: white;
    font-size: 14px;
    padding: 13px;
    font-weight: 620;
    border-radius:10px;
    width:200px;
    display:flex;
    justify-content:center;
}

.message_noGames{
	font-size:24px;
	padding:20px;
	font-weight:600;
}
.infoSEOGameCloseButton svg{
    height: inherit !important;
    width: 28px !important;
}


#infoSeoGameContainer .bottone.buttonGiocaBG, #infoSeoGameContainer .bottone.buttonProvaBG{
	font-size:15px;
}

.cella__dettaglio{
	font-size:1.0rem !important;
	border:2px solid #ccc !important;
}

.link__navigazione__top__titolo__testo{
	font-weight:700 !important;
}

#infoSeoGameContainer .bottone.buttonGiocaBG{
	border:2px solid #ccc;
	background: var(--color-real-button) !important;
}

#infoSeoGameContainer .bottone.buttonProvaBG{
	border:2px solid #ccc;
	background: var(--color-fun-button) !important;
}

.cella__dettaglio__valore{
	color: var(--color-main) !important;
}

.immagine__fluida{
	border-radius:15px;
}
.componenteGioco {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  min-width: 0;
}

.componenteGioco > *:not(:last-child) {
  margin-bottom: var(--margin-bottom-elementi-componenteGioco);
}

.componenteGioco__intestazione {
  display: flex;
  justify-content: space-between;
  padding-right: var(--padding-dx-componenteGioco__intestazione);
}

.componenteGioco__titolo {
  color: var(--colore-testo-titolo-componenteGioco);
  font-weight: var(--font-weight-titolo-componenteGioco);
}

.componenteGioco__altro {
  color: var(--colore-testo-altro-componenteGioco);
  font-weight: var(--font-weight-altro-componenteGioco);
}
.componenteGioco__altro:active {
  transform: scale(1.1);
}

.componenteGioco__titoloContainer {
  /* display: flex;
  justify-content: center;
  align-items: center; */
  display: grid;
  grid-template-columns: max-content 1fr;
}

.componenteGioco__titoloContainer .giftContainer {
  margin: 0 10px 4px 10px;
}

.componenteGioco__titoloContainer .starContainer {
  margin: 0 10px 4px 10px;
}

.componenteGioco__titolo {
  grid-column: 2;
}

.componenteGioco__sottoTitolo {
  grid-column: 2;
  font-size: 12px;
  margin-top: 6px;
}

.componenteGioco__titoloContainer .giftContainer:nth-of-type(2),
.componenteGioco__titoloContainer .starContainer:nth-of-type(2){
  display:none;
}

.componenteGioco__rowIcon {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-size: contain;
  background-repeat: no-repeat;

  grid-row: 1 / span 2;
}

.starContainer {
  display: block;
  position: relative;
  z-index: 970;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e6b800;
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cstyle%3E :root%7B --star-color: yellow; %7D .star%7B fill: var(--star-color); transform-origin: center; %7D .star1%7B animation: star1Animation 8s ease-in infinite; %7D @keyframes star1Animation %7B 0%25 %7B transform: rotateY(0)scale(0.1); %7D 25%25 %7B transform: rotateY(360deg)scale(1.0); %7D 37.5%25%7B transform: rotateY(540deg)scale(0.5); %7D 50%25 %7B transform: rotateY(720deg)scale(1.0); %7D 62.5%25%7B transform: rotateY(900deg)scale(0.5); %7D 75%25 %7B transform: rotateY(1080deg)scale(1.0); %7D 87.5%25%7B transform: rotateY(1260deg)scale(0.5); %7D 100%25 %7B transform: rotateY(1440deg)scale(1.0); %7D %7D .star2%7B animation: star2Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star2Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D %7D .star3%7B animation: star3Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star3Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D %7D .star4%7B animation: star4Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star4Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D %7D .star5%7B animation: star5Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star5Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D %7D .star6%7B animation: star6Animation 6s ease-in-out infinite; animation-fill-mode: forwards; animation-delay: 2s; opacity: 0.0; %7D @keyframes star6Animation %7B 0%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(0); %7D 100%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(360deg); %7D %7D %3C/style%3E%3Cpath class='star star1' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star2' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star3' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star4' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star5' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3C!-- %3Cpath class='star star6' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E --%3E%3C/svg%3E"); */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cstyle%3E :root%7B --star-color: yellow; %7D .star%7B fill: var(--star-color); transform-origin: center; %7D .star1%7B animation: star1Animation 8s ease-in infinite; %7D @keyframes star1Animation %7B 0%25 %7B transform: rotateY(0)scale(0.1); %7D 25%25 %7B transform: rotateY(360deg)scale(1.0); %7D 37.5%25%7B transform: rotateY(540deg)scale(0.5); %7D 50%25 %7B transform: rotateY(720deg)scale(1.0); %7D 62.5%25%7B transform: rotateY(900deg)scale(0.5); %7D 75%25 %7B transform: rotateY(1080deg)scale(1.0); %7D 87.5%25%7B transform: rotateY(1260deg)scale(0.5); %7D 100%25 %7B transform: rotateY(1440deg)scale(1.0); %7D %7D .star2%7B animation: star2Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star2Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D %7D .star3%7B animation: star3Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star3Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D %7D .star4%7B animation: star4Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star4Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D %7D .star5%7B animation: star5Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star5Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D %7D .star6%7B animation: star6Animation 6s ease-in-out infinite; animation-fill-mode: forwards; animation-delay: 2s; opacity: 0.0; %7D @keyframes star6Animation %7B 0%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(0); %7D 100%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(360deg); %7D %7D %3C/style%3E%3Cpath class='star star1' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star2' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star3' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star4' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star5' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3C!-- %3Cpath class='star star6' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E --%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cstyle%3E :root%7B --star-color: yellow; %7D .star%7B fill: var(--star-color); transform-origin: center; %7D .star1%7B animation: star1Animation 8s ease-in infinite; %7D @keyframes star1Animation %7B 0%25 %7B transform: rotateY(0)scale(0.1); %7D 25%25 %7B transform: rotateY(360deg)scale(1.0); %7D 37.5%25%7B transform: rotateY(540deg)scale(0.5); %7D 50%25 %7B transform: rotateY(720deg)scale(1.0); %7D 62.5%25%7B transform: rotateY(900deg)scale(0.5); %7D 75%25 %7B transform: rotateY(1080deg)scale(1.0); %7D 87.5%25%7B transform: rotateY(1260deg)scale(0.5); %7D 100%25 %7B transform: rotateY(1440deg)scale(1.0); %7D %7D .star2%7B animation: star2Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star2Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,-200%25)rotateZ(360deg); %7D %7D .star3%7B animation: star3Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star3Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,-200%25)rotateZ(360deg); %7D %7D .star4%7B animation: star4Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star4Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(-200%25,200%25)rotateZ(360deg); %7D %7D .star5%7B animation: star5Animation 8s ease-in-out infinite; animation-fill-mode: forwards %7D @keyframes star5Animation %7B 0%25 %7B opacity: 1; transform: scale(0.1)translate(0,0)rotateZ(0); %7D 25%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D 100%25 %7B opacity: 0.0; transform: scale(0.25)translate(200%25,200%25)rotateZ(360deg); %7D %7D .star6%7B animation: star6Animation 6s ease-in-out infinite; animation-fill-mode: forwards; animation-delay: 2s; opacity: 0.0; %7D @keyframes star6Animation %7B 0%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(0); %7D 100%25 %7B opacity: 1.0; transform: scale(1.0) rotateY(360deg); %7D %7D %3C/style%3E%3Cpath class='star star1' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star2' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star3' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star4' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3Cpath class='star star5' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E%3C!-- %3Cpath class='star star6' d='M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z'/%3E --%3E%3C/svg%3E");
}

.giftContainer {
  display: block;
  position: relative;
  z-index: 970;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e53f3f;
  /* background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle%3E :root%7B --fill-color: %2319db56; %7D .gift %7B fill: var(--fill-color); transform-origin: center; animation: gift 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both infinite; %7D @keyframes gift %7B 0%25, 25%25 %7B transform: translateX(0); %7D 2.5%25, 7.5%25, 12.5%25, 17.5%25 %7B transform: translateX(-12px); %7D 4%25, 10%25, 15%25 %7B transform: translateX(12px); %7D 20%25 %7B transform: translateX(10px); %7D 22.5%25 %7B transform: translateX(-10px); %7D 50%25%7B transform: rotateY(360deg); %7D %7D %3C/style%3E%3Cg class='gift'%3E%3Cpath d='M480,128h-41.6c6.1-12.9,9.6-25.6,9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9,0-61.5,16.9-77.7,44.5l-24.1,41l-24.1-41 C215.7,16.9,186.1,0,154.2,0H152c-48.6,0-88,39.4-88,88c0,14.4,3.5,27.1,9.6,40H32c-17.7,0-32,14.3-32,32v64c0,17.7,14.3,32,32,32 h448c17.7,0,32-14.3,32-32v-64C512,142.3,497.7,128,480,128z M152,128c-22.1,0-40-17.9-40-40c0-22.1,17.9-40,40-40h2.2 c14.9,0,28.7,7.9,36.3,20.8l34.8,59.2H152z M360,128h-73.3l34.8-59.2c7.6-12.9,21.4-20.8,36.3-20.8h2.2c22.1,0,40,17.9,40,40 C400,110.1,382.1,128,360,128z'/%3E%3C/g%3E%3Cg class='gift'%3E%3Cpath d='M32,288h192v224H80c-26.5,0-48-21.5-48-48V288z M288,512V288h192v176c0,26.5-21.5,48-48,48H288z'/%3E%3C/g%3E%3C/svg%3E%0A"); */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle%3E :root%7B --fill-color: %2319db56; %7D .gift %7B fill: var(--fill-color); transform-origin: center; animation: gift 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both infinite; %7D @keyframes gift %7B 0%25, 25%25 %7B transform: translateX(0); %7D 2.5%25, 7.5%25, 12.5%25, 17.5%25 %7B transform: translateX(-12px); %7D 4%25, 10%25, 15%25 %7B transform: translateX(12px); %7D 20%25 %7B transform: translateX(10px); %7D 22.5%25 %7B transform: translateX(-10px); %7D 50%25%7B transform: rotateY(360deg); %7D %7D %3C/style%3E%3Cg class='gift'%3E%3Cpath d='M480,128h-41.6c6.1-12.9,9.6-25.6,9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9,0-61.5,16.9-77.7,44.5l-24.1,41l-24.1-41 C215.7,16.9,186.1,0,154.2,0H152c-48.6,0-88,39.4-88,88c0,14.4,3.5,27.1,9.6,40H32c-17.7,0-32,14.3-32,32v64c0,17.7,14.3,32,32,32 h448c17.7,0,32-14.3,32-32v-64C512,142.3,497.7,128,480,128z M152,128c-22.1,0-40-17.9-40-40c0-22.1,17.9-40,40-40h2.2 c14.9,0,28.7,7.9,36.3,20.8l34.8,59.2H152z M360,128h-73.3l34.8-59.2c7.6-12.9,21.4-20.8,36.3-20.8h2.2c22.1,0,40,17.9,40,40 C400,110.1,382.1,128,360,128z'/%3E%3C/g%3E%3Cg class='gift'%3E%3Cpath d='M32,288h192v224H80c-26.5,0-48-21.5-48-48V288z M288,512V288h192v176c0,26.5-21.5,48-48,48H288z'/%3E%3C/g%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle%3E :root%7B --fill-color: %2319db56; %7D .gift %7B fill: var(--fill-color); transform-origin: center; animation: gift 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both infinite; %7D @keyframes gift %7B 0%25, 25%25 %7B transform: translateX(0); %7D 2.5%25, 7.5%25, 12.5%25, 17.5%25 %7B transform: translateX(-12px); %7D 4%25, 10%25, 15%25 %7B transform: translateX(12px); %7D 20%25 %7B transform: translateX(10px); %7D 22.5%25 %7B transform: translateX(-10px); %7D 50%25%7B transform: rotateY(360deg); %7D %7D %3C/style%3E%3Cg class='gift'%3E%3Cpath d='M480,128h-41.6c6.1-12.9,9.6-25.6,9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9,0-61.5,16.9-77.7,44.5l-24.1,41l-24.1-41 C215.7,16.9,186.1,0,154.2,0H152c-48.6,0-88,39.4-88,88c0,14.4,3.5,27.1,9.6,40H32c-17.7,0-32,14.3-32,32v64c0,17.7,14.3,32,32,32 h448c17.7,0,32-14.3,32-32v-64C512,142.3,497.7,128,480,128z M152,128c-22.1,0-40-17.9-40-40c0-22.1,17.9-40,40-40h2.2 c14.9,0,28.7,7.9,36.3,20.8l34.8,59.2H152z M360,128h-73.3l34.8-59.2c7.6-12.9,21.4-20.8,36.3-20.8h2.2c22.1,0,40,17.9,40,40 C400,110.1,382.1,128,360,128z'/%3E%3C/g%3E%3Cg class='gift'%3E%3Cpath d='M32,288h192v224H80c-26.5,0-48-21.5-48-48V288z M288,512V288h192v176c0,26.5-21.5,48-48,48H288z'/%3E%3C/g%3E%3C/svg%3E%0A");
}