/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/secret-block/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.secret-block {
  margin: 12.8rem max((100vw - 144rem) / 2 + 12.8rem, 12.8rem);
  text-align: center;
}
.secret-block h2 {
  text-align: center;
}
.secret-block .animation-container {
  margin-top: 8rem;
  height: 90rem;
  position: relative;
}
.secret-block .animation-container > img {
  width: 6.6rem;
  height: 6.6rem;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  opacity: 0;
}
.secret-block .animation-container > img:first-of-type {
  top: 2rem;
  left: 82.6rem;
  transform: rotate(150deg);
}
.secret-block .animation-container > img:nth-of-type(2) {
  left: 84.6rem;
  top: 15rem;
  transform: rotate(180deg);
}
.secret-block .animation-container > img:nth-of-type(3) {
  left: 78rem;
  top: 26rem;
  transform: rotate(220deg);
}
.secret-block .animation-container > img:nth-of-type(4) {
  left: 68rem;
  top: 33rem;
  transform: rotate(250deg);
}
.secret-block .animation-container > img:nth-of-type(5) {
  left: 55rem;
  top: 34rem;
  transform: rotate(290deg);
}
.secret-block .animation-container > img:nth-of-type(6) {
  left: 42rem;
  top: 30rem;
  transform: rotate(300deg);
}
.secret-block .animation-container > img:nth-of-type(7) {
  left: 29rem;
  top: 26rem;
  transform: rotate(280deg);
}
.secret-block .animation-container > img:nth-of-type(8) {
  left: 16rem;
  top: 30rem;
  transform: rotate(240deg);
}
.secret-block .animation-container > img:nth-of-type(9) {
  left: 10rem;
  top: 40rem;
  transform: rotate(200deg);
}
.secret-block .animation-container > img:nth-of-type(10) {
  left: 8rem;
  top: 52rem;
  transform: rotate(170deg);
}
.secret-block .animation-container > img:nth-of-type(11) {
  left: 11rem;
  top: 63rem;
  transform: rotate(140deg);
}
.secret-block .animation-container > img:nth-of-type(12) {
  left: 20rem;
  top: 72rem;
  transform: rotate(140deg);
}
.secret-block .animation-container > img:nth-of-type(13) {
  left: 29rem;
  top: 81rem;
  transform: rotate(140deg);
}
.secret-block .content-container {
  opacity: 0;
  display: flex;
}
.secret-block .content-container .text-container {
  margin-left: 10.1rem;
  text-align: left;
  width: 47.5rem;
}
.secret-block .content-container .text-container h2 {
  margin-bottom: 2.4rem;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
}
.secret-block .content-container .text-container h2 img {
  position: absolute;
  right: -5.5rem;
  width: 4.5rem;
  height: 4.5rem;
}
.secret-block .content-container .text-container .cta {
  display: block;
  margin-top: 2.7rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.secret-block .content-container .video {
  min-width: 0;
  width: 63.5rem;
  height: auto;
}
.secret-block .content-container .video iframe {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 900px) {
  .secret-block {
    margin: 6.4rem 0;
  }
  .secret-block h2 {
    font-size: 2.4rem;
    margin: 0 2.4rem;
  }
  .secret-block .animation-container {
    margin-top: 2rem;
    height: 80rem;
    position: relative;
  }
  .secret-block .animation-container > img {
    width: 6.6rem;
    height: 6.6rem;
    opacity: 1;
  }
  .secret-block .animation-container > img:first-of-type {
    left: calc(95.6% - 6.6rem);
    top: 2rem;
    transform: rotate(180deg);
  }
  .secret-block .animation-container > img:nth-of-type(2) {
    left: calc(89% - 6.6rem);
    top: 10rem;
    transform: rotate(200deg);
  }
  .secret-block .animation-container > img:nth-of-type(3) {
    left: calc(74% - 6.6rem);
    top: 16rem;
    transform: rotate(230deg);
  }
  .secret-block .animation-container > img:nth-of-type(4) {
    left: calc(53% - 6.6rem);
    top: 21rem;
    transform: rotate(230deg);
  }
  .secret-block .animation-container > img:nth-of-type(5) {
    left: calc(38% - 6.6rem);
    top: 28rem;
    transform: rotate(200deg);
  }
  .secret-block .animation-container > img:nth-of-type(6) {
    left: calc(30% - 6.6rem);
    top: 36rem;
    transform: rotate(180deg);
  }
  .secret-block .animation-container > img:nth-of-type(7) {
    left: calc(34% - 6.6rem);
    top: 44rem;
    transform: rotate(160deg);
  }
  .secret-block .animation-container > img:nth-of-type(8) {
    left: calc(44% - 6.6rem);
    top: 51rem;
    transform: rotate(130deg);
  }
  .secret-block .animation-container > img:nth-of-type(9) {
    left: calc(70% - 6.6rem);
    top: 54rem;
    transform: rotate(100deg);
  }
  .secret-block .animation-container > img:nth-of-type(10) {
    left: calc(98% - 6.6rem);
    top: 54rem;
    transform: rotate(100deg);
  }
  .secret-block .animation-container > img:nth-of-type(11) {
    left: auto;
    right: calc(98% - 6.6rem);
    top: 62rem;
    transform: rotate(100deg);
  }
  .secret-block .animation-container > img:nth-of-type(12) {
    left: auto;
    right: calc(75% - 6.6rem);
    top: 66rem;
    transform: rotate(130deg);
  }
  .secret-block .animation-container > img:nth-of-type(13) {
    left: auto;
    right: calc(60% - 6.6rem);
    top: 73rem;
    transform: rotate(150deg);
  }
  .secret-block .content-container {
    flex-direction: column;
  }
  .secret-block .content-container .text-container {
    margin: 0 2.4rem;
    text-align: left;
    width: auto;
  }
  .secret-block .content-container .text-container h2 {
    margin-left: 0;
  }
  .secret-block .content-container .text-container h2 img {
    position: absolute;
    right: -5.5rem;
    width: 4.5rem;
    height: 4.5rem;
  }
  .secret-block .content-container .text-container .cta {
    display: block;
    margin-top: 2.7rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .secret-block .content-container .video {
    min-width: 0;
    width: 100%;
    height: auto;
    margin-bottom: 3.2rem;
  }
  .secret-block .content-container .video iframe {
    width: 100%;
    height: 100%;
  }
}

/*# sourceMappingURL=style-secret-block.css.map*/