/* 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 */ var(--colore-grigio-scuro);
  --colore-placeholder-blocco-ricerca: #ababab;
  --colore-testo-blocco-ricerca: var(--colore-biancoDue);
  --padding-blocco-ricerca: 12px 28px;
  --border-radius-blocco-ricerca: 5px;

  /* bottone1 */
  --colore-bg-bottone1: var(--color-main);
  --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: var(--color-main);
  --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: var(--color-main);
  --colore-nomeProvider--attivo: var(--color-main);
  --bordo-bottoneProvider1__containerLogo: 3px solid var(--color-main);
  --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: transparent;
  --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: var(--color-main);

  /* 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: 7;
  --numero-colonne-grigliaSlots1-columnsFormat3: 8;
  --numero-colonne-grigliaSlots1-columnsFormat4: 2;
  --aspect-ratio-cellaGrigliaSlot: 1/1;

  /* menuCasino */
  --colore-menuCasino__bottone: var(--color-main);
  --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: var(--color-main);

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

  /* componenteGioco */
  --colore-testo-titolo-componenteGioco: var(--color-main);
  --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;

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

  /* 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: 7; /* 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: 7; /* 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 6.5fr;
  --gridColumnGap-rigaMultiGiochi1: 0;
  --margin-left-children-rigaMultiGiochi1: 12px;
  
  /* rigaMultiGiochi2 */
  --gridTemplateColumns-rigaMultiGiochi2: 6.5fr 2.5fr;
  --gridColumnGap-rigaMultiGiochi2: 0;
  --margin-left-children-rigaMultiGiochi2: 12px;

  /* GruppoGiochi11 */
  --VAR-numero-righe-grid-gruppoGiochi11: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochi11: 7; /* 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: 6;
  --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: 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-gruppoGiochi13-tablet: 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-gruppoGiochi13-desktop-1920: 7; /* 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: 10; /* 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: 3;
  --VAR-numero-di-colonne-grid-gruppoGiochi15-768: 4;
  --VAR-numero-di-colonne-grid-gruppoGiochi15-1024: 5;
  --VAR-numero-di-colonne-grid-gruppoGiochi15-1440: 6;
  --VAR-numero-di-colonne-grid-gruppoGiochi15-1920: 7;
  --VAR-numero-di-colonne-grid-gruppoGiochi15-2560: 9;
  --VAR-grid-gap-gruppoGiochi15: 12px;
  
  /* GruppoGiochi16 */
  --VAR-numero-righe-grid-gruppoGiochi16: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochi16: 2;
  --VAR-numero-di-colonne-grid-gruppoGiochi16-768: 3;
  --VAR-numero-di-colonne-grid-gruppoGiochi16-1024: 4;
  --VAR-numero-di-colonne-grid-gruppoGiochi16-1440: 5;
  --VAR-numero-di-colonne-grid-gruppoGiochi16-1920: 6;
  --VAR-numero-di-colonne-grid-gruppoGiochi16-2560: 8;
  --VAR-grid-gap-gruppoGiochi16: 12px;
  
  /* GruppoGiochi24 */
  --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: 7; /* 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: 3;
  --VAR-numero-di-colonne-grid-g-16__RigaMultiGiochi1-1920: 5;
  --VAR-numero-di-colonne-grid-g-16__RigaMultiGiochi1-2560: 6;
  --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: 6;
  --VAR-numero-di-colonne-grid-g-14__RigaMultiGiochi1-1920: 6;
  --VAR-numero-di-colonne-grid-g-14__RigaMultiGiochi1-2560: 8;
  --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-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
    );
  }
}

.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);
}

@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);
  }
}

.rigaGiochi1 {
  display: flex;
}

.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--1200{
  --numero-di-colonne-grid-gruppoGiochi1: 4 !important;
}
.rigaMultiGiochi3 .g-1__containerGridOuter--1366 {
  --numero-di-colonne-grid-gruppoGiochi1: 5;
}
.rigaMultiGiochi3 .g-1__containerGridOuter--1920{
  --numero-di-colonne-grid-gruppoGiochi1: 6 !important;
}
.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(--sfondo-colonnePrimarie);
  color: var(--colore-testo-blocco-ricerca);
  padding: var(--padding-blocco-ricerca);
  border-radius: var(--border-radius-blocco-ricerca);
  border: 1px solid var(--colore-grigio);
}

.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);
  margin-left: var(--pagina-casino-spazio-orizzontale-elementi-sm);
  margin-right: var(--pagina-casino-spazio-orizzontale-elementi-sm);
}

.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: var(--colore-nero);
  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;
  color: var(--colore-bianco);
}

.infoSEOGameCloseButton svg{
    height: inherit !important;
    width: 28px !important;
}

.link__navigazione__top{
	color: var(--colore-bianco);
}
.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;
}



.blockCarousel {
  display: flex;
  flex-direction: column;
  padding: 0px 16px;
}
.blockCarousel > *:not(:last-child) {
  margin-bottom: 12px;
}
.blockCarousel__heading {
  color: #fff;
  display: flex;
  align-items: center;
}
.blockCarousel__heading > *:not(:last-child) {
  margin-right: 8px;
}
.blockCarousel__heading__icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.blockCarousel__heading__icon__img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.blockCarousel__heading__text {
  user-select: none;
  font-size: 14px;
  font-weight: 700;
  color: #005da6;
}
@media screen and (min-width: 1024px) {
  .blockCarousel__heading__text {
    font-size: 20px;
  }
}

.blockCarousel__heading__text:empty + .blockCarousel__heading__spacer {
  display: none;
}

.blockCarousel__heading:has(.blockCarousel__heading__subtext:empty) .blockCarousel__heading__spacer{
    display: none;
}

.blockCarousel__heading__spacer {
  display: inline-block;
  height: 20px;
  width: 1px;
  border-radius: 999px;
  background: #ff6600;
}

@media screen and (min-width: 1024px) {
  .blockCarousel__heading__spacer {
    height: 26px;
  }
}

.blockCarousel__heading__subtext {
  font-size: 12px;
  font-weight: 300;
  color: #005da6;
}

@media screen and (min-width: 1024px) {
  .blockCarousel__heading__subtext {
    font-size: 16px;
  }
}

.blockCarousel__heading__controls {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.blockCarousel__heading__controls > *:not(:last-child) {
  margin-right: 12px;
}

.blockCarousel .swiper-button-lock {
  display: none;
}

@media (any-pointer: coarse) {
  .blockCarousel__navigation {
    display: none !important;
  }
}

.blockCarousel__heading__more {
  border-radius: 8px;
  text-decoration: none;
  color: #fff !important;
  background: #272630;
  border: 1px solid #272630;
  text-decoration: none;
  padding: 4px 12px;
  font-size: 12px;
  text-decoration: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .blockCarousel__heading__more:hover {
    color: #fff !important;
    background: #fd6620;
    border: 1px solid #fd6620;
  }
}

@media screen and (min-width: 1024px) {
  .blockCarousel__heading__more {
    padding: 8px 24px;
    font-size: 16px;
  }
}

.blockCarousel__carousel__outer {
  position: relative;
}
.blockCarousel__carousel__outer__pagination {
  position: absolute;
  margin: 0;
  bottom: 10px !important;
  width: max-content;
  z-index: 10;
  display: flex;
  justify-content: center;
}
.blockCarousel__carousel__outer__pagination .swiper-pagination-bullet {
  width: 32px;
  height: 6px;
  border-radius: 999px;
  background-color: #fd6620;
}
.blockCarousel__carousel__slide {
  user-select: none;
}
.blockCarousel__carousel__slide__img {
  border-radius: 16px;
  width: 100%;
  height: auto;
}
.blockCarousel__navigation {
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #272630;
  border-radius: 100%;
  transition: transform 0.2s linear;
}
.blockCarousel__navigation.swiper-button-disabled {
  opacity: 0.5;
  transform: none !important;
}
.blockCarousel__navigation:hover {
  transform: scale(1.2);
}
.blockCarousel__navigation__icon {
  width: 12px;
  height: 12px;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.blockCarousel__navigation--prev .blockCarousel__navigation__icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
}
.blockCarousel__navigation--next .blockCarousel__navigation__icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
}
.blockCarousel__carousel__outer__buttons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.blockCarousel__carousel__outer__buttons:hover {
  transform: translateY(-50%) scale(1.2);
}
.blockCarousel__carousel__outer__buttons.swiper-button-disabled {
  opacity: 0.5;
  transform: translateY(-50%) !important;
}
.blockCarousel__carousel__outer__buttons.blockCarousel__navigation--prev {
  left: 2%;
}
.blockCarousel__carousel__outer__buttons.blockCarousel__navigation--next {
  right: 2%;
}

.blockCarousel .swiper-slide{
  height: auto;
}
.blockCarousel .swiper-slide.slide-auto{
  width: auto;
}
.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");
}