.resineo-carrousel-timeline {
  --tl-rail: var(--wp--preset--color--univers-main);
  --tl-pill-bg: var(--wp--preset--color--univers-grey-light);
  --tl-pill-color: var(--wp--preset--color--univers-grey-dark);
  --tl-active-bg: var(--wp--preset--color--univers-main);
  --tl-active-color: var(--wp--preset--color--white);
  --tl-text: var(--wp--preset--color--univers-grey-dark);
  --tl-text-active: var(--wp--preset--color--univers-main);
  --tl-desc-max: 200px;
  box-sizing: border-box;
}
.resineo-carrousel-timeline__header {
  box-sizing: border-box;
  max-width: 640px;
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 769px) {
  .resineo-carrousel-timeline__header {
    margin-left: 33.3333%;
  }
}
@media (min-width: 1024px) {
  .resineo-carrousel-timeline__header {
    margin-left: 25%;
  }
}
@media (min-width: 1280px) {
  .resineo-carrousel-timeline__header {
    margin-left: 20%;
  }
}
.resineo-carrousel-timeline__header .wp-block-heading {
  margin: 0;
  font-family: var(--wp--preset--font-family--titillium-web);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
}
.resineo-carrousel-timeline__header .wp-block-heading em {
  font-style: italic;
  font-family: var(--wp--preset--font-family--noto-serif);
  color: var(--wp--preset--color--univers-main);
}
.resineo-carrousel-timeline .swiper-timeline {
  margin-top: var(--wp--preset--spacing--l);
  padding-bottom: 0;
  --swiper-navigation-color: var(--wp--preset--color--univers-main);
  --swiper-pagination-color: var(--wp--preset--color--univers-main);
}
.resineo-carrousel-timeline .swiper-timeline .swiper-wrapper {
  align-items: flex-start;
}
.resineo-carrousel-timeline .swiper-timeline .swiper-slide {
  height: auto;
  align-self: flex-start;
}
@media (min-width: 769px) {
  .resineo-carrousel-timeline .swiper-timeline .swiper-wrapper {
    min-height: var(--tl-min-h, 0px);
  }
  .resineo-carrousel-timeline .swiper-timeline .swiper-slide {
    width: 30.4878%;
    transition: width 0.35s ease;
  }
  .resineo-carrousel-timeline .swiper-timeline .swiper-slide.is-timeline-active {
    width: 39.0244%;
  }
}
@media (min-width: 1024px) {
  .resineo-carrousel-timeline .swiper-timeline .swiper-slide {
    width: 23.3645%;
  }
  .resineo-carrousel-timeline .swiper-timeline .swiper-slide.is-timeline-active {
    width: 29.9065%;
  }
}
@media (min-width: 1280px) {
  .resineo-carrousel-timeline .swiper-timeline .swiper-slide {
    width: 18.9394%;
  }
  .resineo-carrousel-timeline .swiper-timeline .swiper-slide.is-timeline-active {
    width: 24.2424%;
  }
}
.resineo-carrousel-timeline .swiper-timeline .swiper-navigation {
  margin: var(--wp--preset--spacing--m) auto 0;
  max-width: 460px;
}

.resineo-carrousel-timeline-slide {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.resineo-carrousel-timeline-slide__marker {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 2.4em;
}
.resineo-carrousel-timeline-slide__marker::after {
  content: "";
  flex: 1 1 auto;
  height: 2px;
  margin-left: 12px;
  margin-right: 12px;
  background: var(--tl-rail);
}
.resineo-carrousel-timeline-slide__year {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  border-radius: 999px;
  background: var(--tl-pill-bg);
  color: var(--tl-pill-color);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.resineo-carrousel-timeline-slide__body {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--s);
  padding-top: var(--wp--preset--spacing--s);
  padding-right: var(--wp--preset--spacing--sm);
}
.resineo-carrousel-timeline-slide__media {
  display: block;
  order: 1;
  overflow: hidden;
  border-radius: 0;
  aspect-ratio: 350/427;
  width: 100%;
}
.resineo-carrousel-timeline-slide__media .resineo-carrousel-timeline-slide__img,
.resineo-carrousel-timeline-slide__media img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  object-position: var(--tl-focus, 50% 50%);
}
.resineo-carrousel-timeline-slide__media--placeholder {
  border: 1px dashed var(--wp--preset--color--univers-grey-light);
  border-radius: 0;
  padding: 14px;
  text-align: center;
  background: none;
  aspect-ratio: auto;
  width: 100%;
  overflow: visible;
}
.resineo-carrousel-timeline-slide__desc {
  order: 2;
  color: var(--tl-text);
  font-size: var(--wp--preset--font-size--small);
  line-height: 1.5;
}
.resineo-carrousel-timeline-slide__desc p {
  margin: 0 0 0.6em;
}
.resineo-carrousel-timeline-slide__desc p:last-child {
  margin-bottom: 0;
}

.resineo-carrousel-timeline-slide.is-timeline-active .resineo-carrousel-timeline-slide__year {
  background: var(--tl-active-bg);
  color: var(--tl-active-color);
}
.resineo-carrousel-timeline-slide.is-timeline-active .resineo-carrousel-timeline-slide__desc {
  color: var(--tl-text-active);
  font-weight: 600;
}

@media (min-width: 769px) {
  .resineo-carrousel-timeline-slide:not(.is-timeline-active) {
    cursor: pointer;
  }
  .resineo-carrousel-timeline-slide:not(.is-timeline-active) .resineo-carrousel-timeline-slide__desc {
    max-height: var(--tl-desc-max, 200px);
    overflow: hidden;
  }
  .resineo-carrousel-timeline-slide.is-desc-tronquee:not(.is-timeline-active) .resineo-carrousel-timeline-slide__desc {
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 70px), transparent 100%);
    mask-image: linear-gradient(to bottom, #000 calc(100% - 70px), transparent 100%);
  }
}
@media (min-width: 769px) {
  .resineo-carrousel-timeline--pleine-largeur .swiper-timeline {
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
  .resineo-carrousel-timeline--pleine-largeur .resineo-carrousel-timeline__header {
    margin-left: max(0px, 50% - 16.6667vw);
  }
}
@media (min-width: 1024px) {
  .resineo-carrousel-timeline--pleine-largeur .resineo-carrousel-timeline__header {
    margin-left: max(0px, 50% - 25vw);
  }
}
@media (min-width: 1280px) {
  .resineo-carrousel-timeline--pleine-largeur .resineo-carrousel-timeline__header {
    margin-left: max(0px, 50% - 30vw);
  }
}

@media (max-width: 768px) {
  .resineo-carrousel-timeline .swiper-timeline {
    height: min(75vh, 480px);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 9%, #000 82%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 9%, #000 82%, transparent 100%);
  }
  .resineo-carrousel-timeline .swiper-timeline.is-at-start {
    -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 82%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0, #000 82%, transparent 100%);
  }
  .resineo-carrousel-timeline .swiper-timeline.is-at-end {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 9%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 9%, #000 100%);
  }
  .resineo-carrousel-timeline .swiper-timeline.is-at-start.is-at-end {
    -webkit-mask-image: none;
    mask-image: none;
  }
  .resineo-carrousel-timeline .swiper-navigation {
    display: none;
  }
  .resineo-carrousel-timeline-slide {
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding-block: 18px;
  }
  .resineo-carrousel-timeline-slide::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 33px;
    width: 2px;
    background: var(--tl-rail);
    z-index: 0;
  }
  .resineo-carrousel-timeline-slide:first-child::before {
    top: 50%;
  }
  .resineo-carrousel-timeline-slide:last-child::before {
    bottom: 50%;
  }
  .resineo-carrousel-timeline-slide__marker {
    flex: 0 0 66px;
    justify-content: center;
    min-height: 0;
  }
  .resineo-carrousel-timeline-slide__marker::after {
    display: none;
  }
  .resineo-carrousel-timeline-slide__marker::before {
    display: none;
  }
  .resineo-carrousel-timeline-slide__year {
    position: relative;
    z-index: 1;
  }
  .resineo-carrousel-timeline-slide__body {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 0;
    padding-right: 0;
    justify-content: center;
  }
  .resineo-carrousel-timeline-slide__media {
    order: 2;
    aspect-ratio: 4/3;
    width: 100%;
    max-height: none;
    border-radius: 0;
  }
  .resineo-carrousel-timeline-slide__media .resineo-carrousel-timeline-slide__img,
  .resineo-carrousel-timeline-slide__media img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
    object-position: var(--tl-focus-mobile, var(--tl-focus, 50% 50%));
  }
  .resineo-carrousel-timeline-slide__desc {
    order: 1;
  }
}
.editor-styles-wrapper .resineo-carrousel-timeline .block-editor-block-list__layout:has(> [data-type="resineo/carrousel-timeline-slide"]) {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 28px 22px;
}
.editor-styles-wrapper .resineo-carrousel-timeline .block-editor-block-list__layout:has(> [data-type="resineo/carrousel-timeline-slide"]) > [data-type="core/heading"] {
  flex: 1 1 100%;
  margin: 0 0 0 292px;
}
.editor-styles-wrapper .resineo-carrousel-timeline .block-editor-block-list__layout:has(> [data-type="resineo/carrousel-timeline-slide"]) > [data-type="resineo/carrousel-timeline-slide"] {
  flex: 0 0 270px;
  max-width: 270px;
  margin-top: 0;
}
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] {
  text-align: left;
}
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"],
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] h1,
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] h2,
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] h3,
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] h4,
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] .wp-block-heading {
  max-width: 640px;
  margin: 0;
  font-family: var(--wp--preset--font-family--titillium-web);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  text-align: left;
}
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] em,
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] h1 em,
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] h2 em,
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] h3 em,
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] h4 em,
.editor-styles-wrapper .resineo-carrousel-timeline [data-type="core/heading"] .wp-block-heading em {
  font-style: italic;
  font-family: var(--wp--preset--font-family--noto-serif);
  color: var(--wp--preset--color--univers-main);
}

.editor-styles-wrapper .resineo-carrousel-timeline--pleine-largeur .block-editor-block-list__layout:has(> [data-type="resineo/carrousel-timeline-slide"]) {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
}

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