:root {
  --col-1: #24222b;
  --col-2: #272630;
  --col-3: #fd6620;
  --col-4: #ebff00;
  --col-5: #a7a7a7;
}

.lancioGioco {
  margin: auto;
  --gap: 12px;
  max-width: 976px;
  gap: var(--gap);
  display: flex;
  flex-direction: column;
  background: #24222b;
  color: #fff;
  padding: var(--gap);
  border-radius: calc(var(--gap));
}
.lancioGioco__first {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.lancioGioco__second {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
@media screen and (min-width: 1024px) {
  .lancioGioco {
    flex-direction: row;
  }
  .lancioGioco__first {
    flex: 0 0 30%;
  }
  .lancioGioco__second {
    flex: 0 0 calc(70% - var(--gap));
  }
}
.lancioGioco__img {
  display: block;
  min-width: 0;
  width: 100%;
  max-width: 386px;
  margin: auto;
  border-radius:10px;
  max-height: 430px;
  object-fit: cover;
  min-height: 200px;
}
.lancioGioco__controls {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(var(--gap) / 2);
}
.lancioGioco__controls__button {
  font-size: 16px;
  cursor: pointer;
  outline: none;
  border: none;
  text-transform: none;
  padding: 10px 24px;
  border-radius: 6px;
  min-width: 14ch;
  transition: transform 0.2s linear;
  backface-visibility: hidden;
  transform: translateZ(0) perspective(1px);
  -webkit-font-smoothing: subpixel-antialiased;
  user-select: none;
}
.lancioGioco__controls__button--play {
  background: var(--color-main);
  color: #fff;
}
@media (hover: hover) {
  .lancioGioco__controls__button--play:hover {
    transform: scale(1.1) translateZ(0) perspective(1px);
  }
}
.lancioGioco__controls__button--fun {
  background: #3d3949;
  color: #dddddd;
}
@media (hover: hover) {
  .lancioGioco__controls__button--fun:hover {
    color: #fff;
  }
}
.lancioGioco__description--title {
  margin-bottom: calc(var(--gap) / 4);
  font-size: 24px;
  font-weight:700;
}
.lancioGioco__description--provider {
  color: #a7a7a7;
  margin-bottom: calc(var(--gap) / 2);
  font-size: 14px;
}
.lancioGioco__features {
  gap: var(--gap);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 1024px) {
  .lancioGioco__features {
    grid-template-columns: repeat(5, 1fr);
  }
}
.lancioGioco__feature {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  user-select: none;
  gap: calc(var(--gap) / 4);
  background-color: #272630;
  padding: calc(var(--gap) / 2);
  border-radius: calc(var(--gap) / 4);
}
.lancioGioco__feature__value {
  display: flex;
  align-items: baseline;
}
.lancioGioco__feature__star {
  background-color: #fff;
  width: 12px;
  height: 12px;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 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='M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 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='M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z'/%3E%3C/svg%3E");
}
.lancioGioco__feature__star--full {
  background-color: #ebff00;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 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='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 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='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E");
}
.lancioGioco__moreGames {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) / 2);
}
.lancioGioco__moreGames__games {
  display: flex;
  gap: var(--gap);
  overflow: auto;
  padding: 6px;
}
.lancioGioco__moreGames__game {
  --number-of-games-per-view: 2.5;
  user-select: none;
  min-width: 0;
  -webkit-tap-highlight-color: transparent;
  flex: 0 0 calc((100% - (var(--number-of-games-per-view) - 1) * var(--gap)) / var(--number-of-games-per-view));
  transition: transform 0.2s linear;
}
@media screen and (min-width: 768px) {
  .lancioGioco__moreGames__game {
    --number-of-games-per-view: 3.5;
  }
}
@media screen and (min-width: 1024px) {
  .lancioGioco__moreGames__game {
    --number-of-games-per-view: 5;
  }
}
@media (hover: hover) {
  .lancioGioco__moreGames__game:hover {
    transform: scale(1.05);
  }
}
.lancioGioco__moreGames__game__img {
  display: block;
  min-width: 0;
  width: 100%;
  border-radius:10px;
  height: 100%;
  object-fit: cover;
}
#gamePreviewModal .modal-content{
    border-radius: 20px;
}
#gamePreviewModalBody{
    padding: 0px;
}
#gamePreviewModal .modal-dialog.modal-dialog-centered{
    max-width: 100%;
    width: fit-content;
}
.lancioGioco__moreGames__title{
    font-size:15px;
}
.lancioGioco__feature__title{
    font-weight: 700;
}
.lancioGioco__feature__value{
    font-size: 12px;
    color: lightgray;
}
.lancioGioco__img__container {
  position: relative;
}
.lancioGioco__img__container__chiudi {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-radius: 999px;
  background-origin: content-box;
}
.lancioGioco__img__container__chiudi::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fff;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 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='M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 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='M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z'/%3E%3C/svg%3E");
}
.lancioGioco__img__container__chiudi:hover {
  cursor:pointer;
}
.lancioGioco__description--description{
  max-height: 280px;
  overflow-y: scroll;
}
.lancioGioco__breadcrumb{
  display: flex;
}
.lancioGioco__breadcrumb__item{
  font-size: 16px;
  font-weight: 500;
  margin: 0 5px;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  color: var(--color-main);
}
.lancioGioco__breadcrumb__separator{
  font-weight: 600;
  display: flex;
  align-items: center;
}
.ratingStars {
  display: flex;
  width: max-content;
}
.ratingBlocked{
  pointer-events: none;
}
.ratingStars:hover{
  filter:blur()
}
.ratingStars* {
  box-sizing: border-box;
}
.ratingStars:not(.ratingBlocked):hover * {
  background: orange !important;
}
.ratingStars:not(.ratingBlocked):hover *:hover ~ * {
  background: #b3b3b3 !important;
}
.ratingStars__star {
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 0 2px;
  background: #b3b3b3;
  -webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z' /%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%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z' /%3E%3C/svg%3E");
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-origin: fill-box;
  mask-origin: fill-box;
  transition: color 0.3s, opacity 0.3s;
}
.ratingStars__star:first-child {
  padding-left: 0;
}
.ratingStars__star--full {
  background: orange;
}
/*.ratingStars__star:not(.ratingBlocked .ratingStars__star):hover ~ * {
  opacity: 0.6;
}*/
/*.ratingStars__star--half {
  background: linear-gradient(to right, orange 0%, orange 49%, #b3b3b3 50%, #b3b3b3 100%);
}*/
.ratingContent{
    display: flex;
    flex-direction: row;
    justify-content: start;
    margin-top: 6px;
}
.ratingSum{
    display: flex;
    flex-direction: column;
    margin-right: 8px;
}
.ratingSum__voice{
    display: flex;
    justify-content: center;
}