/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/video/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
@-webkit-keyframes heartbeat {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
@keyframes heartbeat {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
.wp-block-plune-blocks-video {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}
.wp-block-plune-blocks-video.heightmax {
  height: 100%;
}
.wp-block-plune-blocks-video.heightmax .video {
  height: 100%;
}
.wp-block-plune-blocks-video .has-play-icon.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wp-block-plune-blocks-video .has-play-icon.active::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTdWMUwxNSA5TDQgMTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  background-size: 50% 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-animation: heartbeat 3s ease-in-out infinite;
          animation: heartbeat 3s ease-in-out infinite;
  z-index: 10;
  pointer-events: none;
}
.wp-block-plune-blocks-video .has-play-icon.noactive::after {
  content: "";
  opacity: 0;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
@media screen and (max-width: 767px) {
  .wp-block-plune-blocks-video .has-play-icon-mobile.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .wp-block-plune-blocks-video .has-play-icon-mobile.active::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTdWMUwxNSA5TDQgMTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 40px;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-animation: heartbeat 3s ease-in-out infinite;
            animation: heartbeat 3s ease-in-out infinite;
    z-index: 10;
    pointer-events: none;
  }
  .wp-block-plune-blocks-video .has-play-icon-mobile.noactive::after {
    content: "";
    opacity: 0;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
.wp-block-plune-blocks-video .has-filter-cover.has-play-icon.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: 2;
}
.wp-block-plune-blocks-video .video-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #000;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.wp-block-plune-blocks-video .video-cover.inactif {
  opacity: 0;
}
.wp-block-plune-blocks-video .video_img {
  position: absolute;
  height: 100%;
  z-index: 11;
  pointer-events: auto;
  background: transparent;
}
.wp-block-plune-blocks-video .video_img-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .wp-block-plune-blocks-video .video_img-mobile {
    position: absolute;
    display: block;
    height: 100%;
    z-index: 11;
    pointer-events: auto;
    background: transparent;
  }
}
.wp-block-plune-blocks-video .video {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%; /* le parent doit donner une hauteur finale (ou utilise aspect-ratio) */
  overflow: hidden;
}
.wp-block-plune-blocks-video .video .video_push {
  background-color: transparent;
  display: block;
  z-index: 1;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.wp-block-plune-blocks-video .video .iframedom {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); /* le scale sera ajouté par ton JS */
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  border: 0;
  display: block;
  pointer-events: none;
}
.wp-block-plune-blocks-video .video .iframedom iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.wp-block-plune-blocks-video .video .video_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.wp-block-plune-blocks-video .video .video_img.play {
  opacity: 0;
}
.wp-block-plune-blocks-video .video_push.ratio-56-25 {
  padding-top: 56.25%;
}
.wp-block-plune-blocks-video .video_push.ratio-177-78 {
  padding-top: 177.78%;
}
@media (max-width: 767px) {
  .wp-block-plune-blocks-video .video_push.mobileratio-56-25 {
    padding-top: 56.25%;
  }
  .wp-block-plune-blocks-video .video_push.mobileratio-177-78 {
    padding-top: 177.78%;
  }
}

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