.swiper-posts {
  max-width: 83.333333%;
}
.swiper-posts.swiper {
  position: relative;
  overflow: visible;
}
.swiper-posts-parent {
  width: 100%;
}
.swiper-posts-parent .swiper-container {
  overflow-x: hidden;
}
.swiper-posts .swiper-wrapper {
  padding-left: 0px;
}
.swiper-posts .swiper-slide[aria-hidden=true] {
  opacity: 0;
  pointer-events: none;
}
.swiper-posts .swiper-button-prev, .swiper-posts .swiper-button-next {
  border: 0px;
  background-color: transparent;
  position: relative;
  left: 0;
  right: 0;
}
.swiper-posts .swiper-button-prev:after {
  transform: rotate(180deg);
}
.swiper-posts .swiper-button-prev, .swiper-posts .swiper-button-next {
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  left: 0;
  right: 0;
}
.swiper-posts .swiper-button-prev:after, .swiper-posts .swiper-button-next:after {
  content: "";
  display: block;
  width: 2.8125rem;
  height: 2.8125rem;
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMDA1NTVhOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNSw3LjVjMC0uMTMtLjA1LS4yNi0uMTQtLjM2LS4wMi0uMDItLjA0LS4wMy0uMDYtLjA0bC00Ljk3LTQuOTRjLS4xOS0uMTktLjUxLS4xOS0uNzEsMC0uMTkuMi0uMTkuNTEsMCwuNzFsNC4xNiw0LjE0SC41Qy4yMyw3LDAsNy4yMiwwLDcuNXMuMjIuNS41LjVoMTIuNzdsLTQuMTYsNC4xNGMtLjIuMi0uMi41MSwwLC43MS4xLjEuMjMuMTUuMzUuMTVzLjI2LS4wNS4zNS0uMTVsNC45Ny00Ljk0cy4wNC0uMDIuMDYtLjA0Yy4xLS4xLjE1LS4yMy4xNC0uMzYsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDBaIi8+Cjwvc3ZnPg==);
}
.swiper-posts .article-item {
  /*&-contenu{
    aspect-ratio: 1010 / 443;
    @include bp.viewport(md) {
      aspect-ratio:320/300;
    }
  }*/
}
.swiper-posts .article-item > :first-child {
  margin-block-start: var(--wp--preset--spacing--s);
}

#posts-relation {
  margin-block-start: var(--wp--preset--spacing--l);
}
@media screen and (min-width: 1024px) {
  #posts-relation {
    margin-block-start: var(--wp--preset--spacing--xl);
  }
}
@media screen and (min-width: 1600px) {
  #posts-relation {
    margin-block-start: var(--wp--preset--spacing--xxl);
  }
}
#posts-relation:before {
  content: "";
  display: block;
  border-radius: 31.796875rem;
  opacity: 0.6;
  background: radial-gradient(50% 50% at 50% 50%, rgba(var(--contrast-rgb), 0.5) 0%, rgba(var(--contrast-rgb), 0) 100%);
  background-blend-mode: multiply;
  width: 90vw;
  height: 90vw;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(10vw, -40%);
  z-index: -3;
  /*@keyframes movement {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate($movement, $movement);
    }
    100% {
      transform: translate(0, 0);
    }
  }*/
}
@media screen and (min-width: 782px) {
  #posts-relation:before {
    content: "";
    display: block;
    border-radius: 31.796875rem;
    opacity: 0.6;
    background: radial-gradient(50% 50% at 50% 50%, rgba(var(--contrast-rgb), 0.5) 0%, rgba(var(--contrast-rgb), 0) 100%);
    background-blend-mode: multiply;
    width: 50vw;
    height: 50vw;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(15vw, -40%);
    z-index: -3;
    /*@keyframes movement {
      0% {
        transform: translate(0, 0);
      }
      50% {
        transform: translate($movement, $movement);
      }
      100% {
        transform: translate(0, 0);
      }
    }*/
  }
}
@media screen and (min-width: 1600px) {
  #posts-relation:before {
    content: "";
    display: block;
    border-radius: 31.796875rem;
    opacity: 0.6;
    background: radial-gradient(50% 50% at 50% 50%, rgba(var(--contrast-rgb), 0.5) 0%, rgba(var(--contrast-rgb), 0) 100%);
    background-blend-mode: multiply;
    width: 70vw;
    height: 70vw;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(30vw, -50%);
    z-index: -3;
    /*@keyframes movement {
      0% {
        transform: translate(0, 0);
      }
      50% {
        transform: translate($movement, $movement);
      }
      100% {
        transform: translate(0, 0);
      }
    }*/
  }
}
#posts-relation .swiper-post {
  overflow-x: hidden;
}
#posts-relation .swiper-posts {
  overflow: hidden;
}
#posts-relation .swiper-container {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: visible;
  width: 100%;
  position: relative;
}
#posts-relation .swiper-container .wp-block-buttons {
  justify-content: space-between;
  position: relative;
  width: 100%;
  justify-content: center;
}
@media screen and (min-width: 782px) {
  #posts-relation .swiper-container .wp-block-buttons {
    position: absolute;
    top: 50%;
    justify-content: space-between;
  }
}
#posts-relation .swiper-container .wp-block-buttons a {
  display: none;
}
#posts-relation .swiper-slide[aria-hidden=true] {
  opacity: 1;
}
#posts-relation .swiper-button-prev, #posts-relation .swiper-button-next {
  border: 0px;
  background-color: transparent;
  position: relative;
  left: 0;
  right: 0;
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  left: 0;
  right: 0;
}
#posts-relation .swiper-button-prev:after, #posts-relation .swiper-button-next:after {
  content: "";
  display: block;
  width: 2.8125rem;
  height: 2.8125rem;
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMDA1NTVhOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNSw3LjVjMC0uMTMtLjA1LS4yNi0uMTQtLjM2LS4wMi0uMDItLjA0LS4wMy0uMDYtLjA0bC00Ljk3LTQuOTRjLS4xOS0uMTktLjUxLS4xOS0uNzEsMC0uMTkuMi0uMTkuNTEsMCwuNzFsNC4xNiw0LjE0SC41Qy4yMyw3LDAsNy4yMiwwLDcuNXMuMjIuNS41LjVoMTIuNzdsLTQuMTYsNC4xNGMtLjIuMi0uMi41MSwwLC43MS4xLjEuMjMuMTUuMzUuMTVzLjI2LS4wNS4zNS0uMTVsNC45Ny00Ljk0cy4wNC0uMDIuMDYtLjA0Yy4xLS4xLjE1LS4yMy4xNC0uMzYsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDBaIi8+Cjwvc3ZnPg==);
}
#posts-relation .swiper-button-prev:after {
  transform: rotate(180deg);
}