@charset "UTF-8";
.wp-block-cover {
  --decoration-parent-width:85vh;
}
.wp-block-cover.is-style-decoration {
  position: relative;
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group {
  position: relative;
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:first-of-type {
  position: relative;
  z-index: 1;
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type {
  grid-template-columns: 1fr; /* Une seule colonne */
  grid-template-rows: 1fr; /* Une seule ligne */
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  height: 400px !important;
  width: 400px !important;
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > figure {
  display: none;
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-area: 1/1/2/2;
  aspect-ratio: 1;
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div img {
  height: 300px !important;
  width: 300px !important;
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(1) > figure {
  transform: translateX(calc(var(--wp--style--global--content-size) / 2 + 50% + 10px)) translateY(calc(var(--decoration-parent-width) / -2));
}
@media (min-width: 1600px) {
  .wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(1) > figure {
    transform: translateX(calc(-30% + 50vw)) translateY(calc(30% - 50vh));
  }
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(1) > figure img {
  animation: bounce2Me 2s ease-in-out infinite;
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(2) > figure {
  transform: translateX(calc(var(--wp--style--global--content-size) / -2 - 50% - 5vw)) translateY(-10%);
}
@media (min-width: 1600px) {
  .wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(2) > figure {
    transform: translateX(-50vw) translateY(-10%);
  }
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(2) > figure img {
  animation: bounceMe 2s ease-in-out infinite;
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(3) > figure {
  transform: translateX(calc(var(--wp--style--global--content-size) / -2 + 50% - 50px)) translateY(calc(100% + 10vh));
}
@media (min-width: 1600px) {
  .wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(3) > figure {
    transform: translateX(-30vw) translateY(calc(-30% + 50vh));
  }
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(3) > figure img {
  animation: rotateMe 20s linear infinite;
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(4) > figure {
  transform: translateX(calc(var(--wp--style--global--content-size) / 2 - 50% + 10vw)) translateY(calc(100% + 10vh));
}
@media (min-width: 1600px) {
  .wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(4) > figure {
    transform: translateX(calc(var(--wp--style--global--content-size) / 2 + 10vw)) translateY(calc(100% + 10vh));
  }
}
.wp-block-cover.is-style-decoration .wp-block-cover__inner-container > .wp-block-group:last-of-type > div:nth-of-type(4) > figure img {
  animation: bounce3Me 8s ease-in-out infinite;
}

/* Définir les keyframes pour la rotation */
@keyframes rotateMe {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes bounceMe {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounce2Me {
  0% {
    transform: translateX(-2%) translateY(-2%);
  }
  50% {
    transform: translateX(0%) translateY(0%);
  }
  100% {
    transform: translateX(-2%) translateY(-2%);
  }
}
@keyframes bounce3Me {
  0% {
    transform: translateX(-2%) translateY(-2%) rotate(20deg);
  }
  50% {
    transform: translateX(0%) translateY(0%) rotate(0deg);
  }
  100% {
    transform: translateX(-2%) translateY(-2%) rotate(20deg);
  }
}
/* Appliquer l'animation à un élément */

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