/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/components/AnimatedGridBackdrop.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.AnimatedGridBackdrop_backdrop__KfGAM {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 0;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}

.AnimatedGridBackdrop_grid__jtw4J {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-columns: repeat(10, calc(10% - 2.7vw));
  grid-template-rows: repeat(10, calc(10vh - 2.7vw));
  grid-gap: 3vw;
  padding: 3vw;
  align-content: center;
  justify-content: center;
  pointer-events: none;
}

.AnimatedGridBackdrop_gridItem__WOGfV {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 8px;
  opacity: 0.4;
  /* Reduced to let stars show through */
  will-change: transform;
}

.AnimatedGridBackdrop_gridItem__WOGfV::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  /* Darker overlay */
  border-radius: 8px;
  pointer-events: none;
}

/* Layout 1 - default */
.AnimatedGridBackdrop_gridItem__WOGfV:nth-child(1) {
  grid-area: 3 / 1 / 8 / 4;
}

.AnimatedGridBackdrop_gridItem__WOGfV:nth-child(2) {
  grid-area: 1 / 2 / 3 / 4;
}

.AnimatedGridBackdrop_gridItem__WOGfV:nth-child(3) {
  grid-area: 5 / 4 / 8 / 8;
}

.AnimatedGridBackdrop_gridItem__WOGfV:nth-child(4) {
  grid-area: 2 / 7 / 5 / 11;
}

.AnimatedGridBackdrop_gridItem__WOGfV:nth-child(5) {
  grid-area: 1 / 4 / 5 / 7;
}

.AnimatedGridBackdrop_gridItem__WOGfV:nth-child(6) {
  grid-area: 8 / 5 / 11 / 2;
}

.AnimatedGridBackdrop_gridItem__WOGfV:nth-child(7) {
  grid-area: 10 / 9 / 8 / 11;
}

.AnimatedGridBackdrop_gridItem__WOGfV:nth-child(8) {
  grid-area: 5 / 8 / 8 / 10;
}

.AnimatedGridBackdrop_gridItem__WOGfV:nth-child(9) {
  grid-area: 8 / 5 / 11 / 9;
}

@media (max-width: 768px) {
  .AnimatedGridBackdrop_gridItem__WOGfV {
    width: 200px;
    height: 200px;
  }
}