.slider{transition:background-color 300ms ease-out}.slider .carousel-container{padding:0px}.carousel-track{overflow:hidden;position:relative;z-index:0}.carousel-loop{display:flex;height:309px;--slide_number: 4;--fold_width: 120px;--fold_height: 75px;--slide_full_width: calc(
    100% - var(--fold_width) * (var(--slide_number) - 1)
  );--carousel_height: calc(
    309px + var(--fold_height) * (var(--slide_number) - 1)
  )}@media (max-width: 1200px){.carousel-loop{height:var(--carousel_height)}}.carousel-loop .carousel-slide{position:absolute;display:flex;max-width:var(--slide_full_width);width:100%;height:100%;transition:left 300ms ease-out, max-width 150ms ease-out;left:calc(var(--fold_width) * var(--index));z-index:calc(100 - var(--index))}.carousel-loop .carousel-slide:has(~ .carousel-slide:hover){max-width:calc(var(--slide_full_width) - 15px)}@media (max-width: 1200px){.carousel-loop .carousel-slide:has(~ .carousel-slide:hover){max-width:unset;max-height:calc(309px - 15px)}}@media (max-width: 1200px){.carousel-loop .carousel-slide{width:100%;max-width:unset;max-height:309px;flex-direction:column;transition:top 300ms ease-out, max-height 150ms ease-out;left:0px;top:calc(var(--fold_height) * var(--index))}}.carousel-loop .carousel-slide.to-rewind{left:calc(
 (var(--slide_full_width) * -1) +
 (var(--fold_width) * (var(--index) + 1)))}@media (max-width: 1200px){.carousel-loop .carousel-slide.to-rewind{left:0px;top:calc((309px * -1) + (var(--fold_height) * (var(--index) + 1)))}}.carousel-loop .carousel-slide.is-active .slide-content,.carousel-loop .carousel-slide.is-previous .slide-content{display:flex}.carousel-loop .carousel-slide.is-active .slide-fold .fold-title,.carousel-loop .carousel-slide.is-previous .slide-fold .fold-title{display:none}.carousel-loop .carousel-slide:has(+.carousel-slide.is-active) .fold+div{box-shadow:unset !important}.carousel-loop .carousel-slide .slide-image:has(img){mask-image:url("../modules/portail-common/css/PDC/img/masks/slider_mask1.svg");mask-repeat:no-repeat;aspect-ratio:421 / 309;max-width:420px;aspect-ratio:unset;mask-position:right;mask-size:cover;display:flex}.carousel-loop .carousel-slide .slide-image:has(img)::before{mask:url('data:image/svg+xml,             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 421 309">               <path d="" />             </svg>')}.carousel-loop .carousel-slide .slide-image:has(img) img{display:block;width:100%;height:100%;object-fit:cover}@media (max-width: 1200px){.carousel-loop .carousel-slide .slide-image:has(img) img{display:none}}.carousel-loop .carousel-slide .slide-content{display:none;flex:1;flex-direction:column;justify-content:center;gap:24px;margin:20px;width:max-content}@media (max-width: 1200px){.carousel-loop .carousel-slide .slide-content{margin:0px 32px;height:0px;width:unset}}.carousel-loop .carousel-slide .slide-content .slide-buttons{display:flex;gap:12px;text-wrap-mode:nowrap;flex-wrap:wrap;text-align:center}@media (max-width: 768px){.carousel-loop .carousel-slide .slide-content .slide-buttons{flex-direction:column;width:max-content;max-width:100%}}@media (max-width: 1200px){.carousel-loop .carousel-slide .slide-content .slide-buttons>*{text-wrap-mode:wrap;place-content:center}}@media (max-width: 768px){.carousel-loop .carousel-slide .slide-content .slide-buttons>*{width:100%}}.carousel-loop .carousel-slide .slide-fold{display:flex;flex-direction:column;flex-shrink:0;width:120px;align-items:flex-end;margin-left:auto}@media (max-width: 1200px){.carousel-loop .carousel-slide .slide-fold{flex-direction:row-reverse;width:100%;height:var(--fold_height);overflow:hidden;margin-left:unset;margin-top:auto}}.carousel-loop .carousel-slide .slide-fold .slide-fold-title{display:flex;flex-direction:column-reverse;pointer-events:none}.carousel-loop .carousel-slide .slide-fold .slide-fold-title .fold-title{margin:24px 12px;font-size:1.6rem;font-weight:500;text-wrap-mode:wrap;text-wrap-style:auto}@media (max-width: 1200px){.carousel-loop .carousel-slide .slide-fold .slide-fold-title .fold-title{margin:auto 24px}}.carousel-loop .carousel-slide .slide-fold .fold{flex-shrink:0;position:relative;right:-0.6px;transition:opacity 300ms ease-out;width:75px;height:100px;pointer-events:none;overflow:unset}@media (max-width: 1200px){.carousel-loop .carousel-slide .slide-fold .fold{margin-left:auto;position:relative;right:12px;top:13px;transform:rotate(90deg)}}.carousel-loop .carousel-slide .slide-fold .fold+div{width:100%;height:100%;box-shadow:0px 0px 10px 0px #0000003b;-webkit-clip-path:inset(1px -20px 0px 10px);clip-path:inset(1px -20px 0px 10px)}@media (max-width: 1200px){.carousel-loop .carousel-slide .slide-fold .fold+div{clip-path:unset;box-shadow:unset;-webkit-clip-path:unset}}.carousel-loop .carousel-slide:not(.is-active) .slide-content{padding:0px}.carousel-loop .carousel-slide:not(.is-active) .slide-fold{justify-content:space-between;cursor:pointer}.carousel-loop .carousel-slide:not(.is-active) .slide-fold .fold{height:0px;opacity:0%}
