/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/components/LoadingCards.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.LoadingCards_cards__OUVe5 {
  position: relative;
  margin: 50px auto;
  height: 105px; /* Scaled up 1.4x for better visibility */
  width: 75px;
  font-weight: bold;
}

.LoadingCards_card__HcLYh {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #333;
  background-color: #111;
  border-radius: 6px;
  box-shadow: -2px 2px 3px rgba(0,0,0,0.3);
  animation-iteration-count: infinite;
  animation-duration: 2s;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.LoadingCards_text__zcc6g {
  font-size: 0.9em;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  color: #fff;
  letter-spacing: 0.1em;
  white-space: nowrap;
  font-family: monospace;
}

.LoadingCards_one__2awm6 {
  animation-name: LoadingCards_anim-one__wSF7k;
}
@keyframes LoadingCards_anim-one__wSF7k {
  from { transform: translate(0) rotate(0deg); }
  50% { transform: translate(-42px, 7px) rotate(-45deg); }
  to { transform: translate(0) rotate(0deg); }
}

.LoadingCards_two__rFAni {
  animation-name: LoadingCards_anim-two__jVJv2;
}
@keyframes LoadingCards_anim-two__jVJv2 {
  from { transform: translate(0) rotate(0deg); }
  50% { transform: translate(-21px, 2px) rotate(-25deg); }
  to { transform: translate(0) rotate(0deg); }
}

.LoadingCards_three__MBShZ {
  animation-name: LoadingCards_anim-three__Z3dYK;
}
@keyframes LoadingCards_anim-three__Z3dYK {
  from { transform: translate(0) rotate(0deg); }
  50% { transform: rotate(-5deg); }
  to { transform: translate(0) rotate(0deg); }
}

.LoadingCards_four__1_mjU {
  animation-name: LoadingCards_anim-four__4E367;
}
@keyframes LoadingCards_anim-four__4E367 {
  from { transform: translate(0) rotate(0deg); }
  50% { transform: translate(21px, 7px) rotate(15deg); }
  to { transform: translate(0) rotate(0deg); }
}

.LoadingCards_five__0T353 {
  animation-name: LoadingCards_anim-five__0t2_6;
}
@keyframes LoadingCards_anim-five__0t2_6 {
  from { transform: translate(0) rotate(0deg); }
  50% { transform: translate(39px, 20px) rotate(35deg); }
  to { transform: translate(0) rotate(0deg); }
}