.componenteGiocoMiniCasino {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}

#body {
	
	margin: 0;
	overflow: hidden;
}

.componenteGiocoMiniCasino a {
  text-decoration: none;
}

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

.componenteGiocoMiniCasino__intestazione {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-componenteGiocoMiniCasino_intestazione);
  border-radius: var(--border-radius-componenteGiocoMiniCasino_intestazione);
  background: var(--background-componenteGiocoMiniCasino_intestazione);
}

.componenteGiocoMiniCasino__titolo {
  color: var(--colore-testo-titolo-componenteGiocoMiniCasino);
  font-weight: var(--font-weight-titolo-componenteGiocoMiniCasino);
}

.componenteGiocoMiniCasino__altro {
  color: var(--colore-testo-altro-componenteGiocoMiniCasino);
  font-weight: var(--font-weight-altro-componenteGiocoMiniCasino);
  filter: unset;
}
.componenteGiocoMiniCasino__altro:active {
  transform: scale(1.1);
}

.componenteGiocoMiniCasino__strumenti {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.componenteGiocoMiniCasino__navigatore {
  height: 100%;
  z-index: 2;
}

.componenteGiocoMiniCasino__navigatore>*:not(:last-child){
  margin-right: 5px;
}

.componenteGiocoMiniCasino__navigatore__tasto {
  z-index: 2;
  background: var(--background-frecce-componenteGiocoMiniCasino_intestazione);
  border-radius: 4px;
  box-shadow: unset;
  border: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.componenteGiocoMiniCasino__navigatore__tasto:active {
  transform: scale(1.15);
}

.componenteGiocoMiniCasino__navigatore__tasto:focus {
  outline: none;
}

.componenteGiocoMiniCasino__navigatore__tasto::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--colore-frecce-componenteGiocoMiniCasino_intestazione);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.componenteGiocoMiniCasino__navigatore__tasto--indietro::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z' /%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z' /%3E%3C/svg%3E%0A");
}
.componenteGiocoMiniCasino__navigatore__tasto--avanti::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z' /%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z' /%3E%3C/svg%3E%0A");
}

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

.gruppoGiochiMiniCasino1 .gioco1__topLeft {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
}
.gruppoGiochiMiniCasino1 .gioco1__topRight {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
}

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

.gruppoGiochiMiniCasino1 .gioco1__titolo {
  padding: 0 4px;
  font-size: var(--font-size-titolo-gioco1-miniCasino);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 0.8rem;
  font-weight: 600;
}

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

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

:root {
  --numero-righe-grid-gruppoGiochiMiniCasino1: var(
    --VAR-numero-righe-grid-gruppoGiochiMiniCasino1
  );
  --numero-di-colonne-grid-gruppoGiochiMiniCasino1: var(
    --VAR-numero-di-colonne-grid-gruppoGiochiMiniCasino1
  );
  --grid-gap-gruppoGiochiMiniCasino1: var(
    --VAR-grid-gap-gruppoGiochiMiniCasino1
  );
}

.gMiniCasino-1__containerGridOuter {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  border-radius: var(--boderRadius-componenteGiocoMiniCasino_containerGridOuter);
  background: var(--background-componenteGiocoMiniCasino_containerGridOuter);

  display: grid; /* Questa regola serve a per il browser Safari, altrimenti le righe interne non prendono l'altezza 1fr (� un bug di Safari) */

  --larghezza-singolo-quadrato: calc(
    (
        100% -
          calc(
            (var(--numero-di-colonne-grid-gruppoGiochiMiniCasino1) - 1) *
              var(--grid-gap-gruppoGiochiMiniCasino1)
          )
      ) / (var(--numero-di-colonne-grid-gruppoGiochiMiniCasino1))
  );

  /* Padding Bottom Del container, basato sul numero di colonne - Non modificare questa formula*/
  --padding-bottom-container-grid: calc(
    var(--larghezza-singolo-quadrato) *
      var(--numero-righe-grid-gruppoGiochiMiniCasino1) +
      (
        (var(--numero-righe-grid-gruppoGiochiMiniCasino1) - 1) *
          var(--grid-gap-gruppoGiochiMiniCasino1)
      )
  );
}

.gMiniCasino-1__containerGridOuter::after {
  padding-bottom: var(--padding-bottom-container-grid);
  content: "";
  display: block;
}

.gMiniCasino-1__containerGridInner {
  position: absolute;
  width: calc(100% - 2 * var(--padding-componenteGiocoMiniCasino_containerGridInner));
  height: calc(100% - 2 * var(--padding-componenteGiocoMiniCasino_containerGridInner));
  left: var(--padding-componenteGiocoMiniCasino_containerGridInner);
  top: var(--padding-componenteGiocoMiniCasino_containerGridInner);
}

.gruppoGiochiMiniCasino1 {
  position: absolute;
  width: 100%;
  height: 100%;

  overflow-x: hidden;
  overflow-y: hidden;

  display: grid;
  grid-gap: var(--grid-gap-gruppoGiochiMiniCasino1);
  grid-auto-flow: column;

  grid-template-rows: repeat(
    var(--numero-righe-grid-gruppoGiochiMiniCasino1),
    1fr
  );

  grid-auto-columns: var(--larghezza-singolo-quadrato);
}

.gruppoGiochiMiniCasino1::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.gruppoGiochiMiniCasino1 {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.gruppoGiochiMiniCasino1 > * {
  min-width: 0;
  min-height: 0;
}

/* Inizio - Lauyout che devono avere i figli di .gruppoGiochiMiniCasino1.  */
.gruppoGiochiMiniCasino1 > * {
  grid-column: span 1;
  grid-row: span 1;
}

/* Fine - Lauyout che devono avere i figli di .gruppoGiochiMiniCasino1.  */

: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-miniCasino: 12px;
}

.rigaGiochi1.componenteMiniCasino {
  --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.componenteMiniCasino > * {
  margin-left: var(--margin-left-children-rigaGiochi1-miniCasino);
}

@media screen and (min-width: 768px) {
  .rigaGiochi1.componenteMiniCasino {
    --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);
  }
}

:root {
  /* componenteGiocoMiniCasino */
  --colore-testo-titolo-componenteGiocoMiniCasino: #fff;
  --font-weight-titolo-componenteGiocoMiniCasino: 600;
  --colore-testo-altro-componenteGiocoMiniCasino: #ffcb01;
  --font-weight-altro-componenteGiocoMiniCasino: 600;
  --margin-bottom-elementi-componenteGiocoMiniCasino: 0;
  --border-radius-componenteGiocoMiniCasino_intestazione: 0.5rem 0.5rem 0 0;
  --padding-componenteGiocoMiniCasino_intestazione: 0.75rem 1rem;
  --background-componenteGiocoMiniCasino_intestazione: #2e8b4b;
  --background-frecce-componenteGiocoMiniCasino_intestazione: #ffcb01;
  --colore-frecce-componenteGiocoMiniCasino_intestazione: #272727;
  --background-componenteGiocoMiniCasino_containerGridOuter: #272727;
  --boderRadius-componenteGiocoMiniCasino_containerGridOuter: 0 0 0.5rem 0.5rem;
  --padding-componenteGiocoMiniCasino_containerGridInner: 10px;

  /* rigaGiochi1 */
  --margin-left-children-rigaGiochi1-miniCasino: 0 !important;

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

  /* gruppoGiochiMiniCasino1 */
  --VAR-numero-righe-grid-gruppoGiochiMiniCasino1: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochiMiniCasino1: 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-gruppoGiochiMiniCasino1-tablet: 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-grid-gap-gruppoGiochiMiniCasino1: 10px;
}

@media screen and (min-width: 768px) {
  :root {
    --VAR-numero-di-colonne-grid-gruppoGiochiMiniCasino1: var(
      --VAR-numero-di-colonne-grid-gruppoGiochiMiniCasino1-tablet
    );
  }
}