/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/section/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.BackgroundVideo {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.BackgroundVideo .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 177.78vh;
  /* 100 * (16 / 9) = 177.78 */
  height: 100vw;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.BackgroundVideo .video-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.BackgroundVideo .video-thumbnail {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.BackgroundVideo .video-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-playback-controls {
  position: absolute;
  top: var(--wp--custom--spacing--10);
  right: var(--wp--custom--spacing--10);
  z-index: 10;
  width: 100%;
  pointer-events: none;
}
.video-playback-controls.video-is-playing-true .pause-button {
  display: flex;
}
.video-playback-controls.video-is-playing-true .play-button {
  display: none;
}
.video-playback-controls .container {
  pointer-events: auto;
  position: relative;
  max-width: var(--wp--style--global--content-size);
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
}
.video-playback-controls .container .buttons {
  position: relative;
}
.video-playback-controls button {
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 10px;
  width: 35px;
  align-items: center;
  justify-content: center;
}
.video-playback-controls button.pause-button {
  display: none;
}
.video-playback-controls button.play-button {
  display: flex;
}
.video-playback-controls button:hover {
  opacity: 0.8;
}
.BackgroundImage {
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.BackgroundImage .BackgroundImage img {
  display: block;
}
.BackgroundColor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.BackgroundGradient {
  position: absolute;
  display: block;
  inset: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1032px) {
  .BackgroundGradient.hidden-on-mobile-true {
    display: none;
  }
}
.wp-block-blueprint-section {
  overflow: hidden;
  max-width: 100% !important;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  position: relative;
}
.wp-block-blueprint-section > .container {
  width: 100%;
  position: relative;
  padding: 0 40px;
}
@media screen and (max-width: 767px) {
  .wp-block-blueprint-section > .container {
    padding: 0 20px;
  }
}
.wp-block-blueprint-section > .container > .inner-blocks {
  width: 100%;
  height: 100%;
  max-width: var(--wp--style--global--content-size);
  margin: 0 auto;
}

/*# sourceMappingURL=style-index.css.map*/