@charset "UTF-8";
.carousel-game[data-v-a368708b] {
  flex: 0 0 100%;
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  overflow: hidden;
  display: flex;
}
.carousel-game:hover .group[data-v-a368708b] {
  animation-play-state: running;
}
.group[data-v-a368708b] {
  display: flex;
  will-change: transform;
  animation: scrolling-a368708b 40s linear infinite;
  width: 100%;
  touch-action: pan-y;
}
.carousel-game:active .group[data-v-a368708b],
.carousel-game:focus .group[data-v-a368708b] {
  animation-play-state: paused;
}
.card[data-v-a368708b] {
  --card-width: 188px;
  width: var(--card-width);
  min-width: var(--card-width);
  margin-right: 10px;
  border-radius: 5px;
  color: #fff;
  padding: 2px;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .card[data-v-a368708b] {
    --card-width: 115px;
  }
}
.card a img[data-v-a368708b] {
  aspect-ratio: 21/29;
}
.card .box-name-game[data-v-a368708b] {
  position: absolute;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 98%;
  height: 12%;
  background: linear-gradient(180deg, #00163c00, #000c 20.51%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 10px 10px;
}
.card .box-name-game span[data-v-a368708b] {
  padding: 0.5rem 0;
  color: #fff;
}
@keyframes scrolling-a368708b {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
.carousel__slide[data-v-1765c3ca] {
  display: flex;
  justify-content: flex-start;
  padding: 10px;
}