/* [project]/app/[lang]/loading.module.css [app-client] (css) */
.loading-module__Q3kCXG__wrap {
  flex-direction: column;
  gap: 24px;
  max-width: 1680px;
  margin: 0 auto;
  padding: 120px 48px;
  display: flex;
}

.loading-module__Q3kCXG__bar {
  background: linear-gradient(90deg, #ffffff0a 0%, #ffffff14 50%, #ffffff0a 100%) 0 0 / 200% 100%;
  width: 70%;
  height: 48px;
  animation: 1.6s linear infinite loading-module__Q3kCXG__shimmer;
}

.loading-module__Q3kCXG__barShort {
  width: 40%;
  height: 20px;
}

.loading-module__Q3kCXG__grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  margin-top: 40px;
  display: grid;
}

.loading-module__Q3kCXG__card {
  aspect-ratio: 4 / 3;
  background: linear-gradient(90deg, #ffffff0a 0%, #ffffff14 50%, #ffffff0a 100%) 0 0 / 200% 100%;
  animation: 1.6s linear infinite loading-module__Q3kCXG__shimmer;
}

@keyframes loading-module__Q3kCXG__shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@media (max-width: 768px) {
  .loading-module__Q3kCXG__wrap {
    padding: 72px 20px;
  }
}

/*# sourceMappingURL=app_%5Blang%5D_loading_module_04y.-q4.css.map*/