* {
  font-family: "Inter", sans-serif;
}

.wrapper {
  max-width: 800px;
}

.games_name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.logo img {
  width: 160px;
}

.gamesList > div > div {
  transition: all 0.2s ease-in-out;
}
.gamesList > div > div .hover {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.gamesList > div > div:hover {
  transform: translateY(-10px);
  box-shadow: 0 0 0 4px #0d6efd;
}
.gamesList > div > div:hover .hover {
  opacity: 1;
}

.pola {
  background: #222222;
  color: #fff;
}
.pola span {
  width: 2rem;
  color: #fff;
}

.mySwiper .swiper-slide {
  opacity: 0;
  transition: all 0.5s;
}
.mySwiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.SearchBar {
  padding-left: 3.4rem;
}
.SearchBar > div {
  left: 0;
  color: #aaa;
}
.SearchBar input {
  color: #fff;
  box-shadow: none !important;
  outline: none !important;
}
.SearchBar input::-moz-placeholder {
  color: #aaa;
}
.SearchBar input::placeholder {
  color: #aaa;
}/*# sourceMappingURL=style.css.map */