/* 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;
} */