/* [project]/components/GameSelectButton/index.module.css [app-client] (css) */
.index-module__dCgVwW__GameImage {
  --tw-border-opacity: 1;
  border-color: rgb(66 69 70 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(66 69 70 / var(--tw-bg-opacity));
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.index-module__dCgVwW__GameImage:hover {
  --tw-border-opacity: 1;
  border-color: rgb(188 104 10 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(188 104 10 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
  .index-module__dCgVwW__GameImage {
    border-width: 4px;
    border-radius: .5rem;
  }
}

.index-module__dCgVwW__GameImage {
  transition: all .5s;
}

.index-module__dCgVwW__GameImage:after {
  z-index: 50;
  opacity: .4;
  content: "";
  background-color: #0000;
  transition: all .5s;
  position: absolute;
  inset: 0;
}

@media (min-width: 768px) {
  .index-module__dCgVwW__GameImage {
    filter: grayscale();
  }

  .index-module__dCgVwW__GameImage:hover:nth-child(2n-1) {
    transform: scale(1.05)translate(-3%);
  }

  .index-module__dCgVwW__GameImage:hover:nth-child(2n) {
    transform: scale(1.05)translate(3%);
  }

  .index-module__dCgVwW__GameImage:hover {
    z-index: 1;
    filter: grayscale(0);
  }

  .index-module__dCgVwW__GameImage:active:after {
    --tw-bg-opacity: 1;
    background-color: rgb(241 134 13 / var(--tw-bg-opacity));
  }
}

/* [project]/components/Skeleton/index.module.css [app-client] (css) */
.index-module__V3kPhq__SkeletonContainer {
  --tw-bg-opacity: 1;
  background-color: rgb(45 48 49 / var(--tw-bg-opacity));
  border-radius: .375rem;
  width: 100%;
  margin: .5rem auto;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.index-module__V3kPhq__SkeletonContainer:after {
  content: "";
  z-index: 10;
  background-image: linear-gradient(90deg, #5d616200, #5d616233, #5d616299, #5d616200);
  animation: 1.5s infinite index-module__V3kPhq__shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

@keyframes index-module__V3kPhq__shimmer {
  100% {
    transform: translateX(100%);
  }
}

/*# sourceMappingURL=components_0da3a93._.css.map*/