.ds-carousel-refonte{display:flex;flex-direction:column;width:100%;position:relative}.ds-carousel-refonte__viewport{overflow:hidden;position:relative}.ds-carousel-refonte__container{position:relative;display:flex;align-items:stretch;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:none;scroll-behavior:smooth;margin:0;padding:.25rem 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ds-carousel-refonte__container::-webkit-scrollbar{display:none}.ds-carousel-refonte__container--gutters{width:84%;margin:0 8%}.ds-carousel-refonte__slide{display:flex;flex-shrink:0;scroll-snap-align:center;justify-content:center;margin-bottom:0}.ds-carousel-refonte .ds-carousel-refonte__arrow{display:none;z-index:2;transform:translateY(-50%);border-radius:7rem}.ds-carousel-refonte .ds-carousel-refonte__arrow--s{width:2rem;height:2rem;padding:0}.ds-carousel-refonte .ds-carousel-refonte__arrow--s .pl-button__icon-container{width:1rem;height:1rem}.ds-carousel-refonte .ds-carousel-refonte__arrow--m{width:3rem;height:3rem}.ds-carousel-refonte .ds-carousel-refonte__arrow .pl-button__icon{display:flex;align-items:center;justify-content:center}.ds-carousel-refonte .ds-carousel-refonte__arrow--left{margin-right:auto}.ds-carousel-refonte .ds-carousel-refonte__arrow--left .pl-button__icon-container{padding:0 3px 0 0}.ds-carousel-refonte .ds-carousel-refonte__arrow--right{margin-left:auto}.ds-carousel-refonte .ds-carousel-refonte__arrow--right .pl-button__icon-container{padding:0 0 0 3px}@media only screen and (min-width: 1024px){.ds-carousel-refonte .ds-carousel-refonte__arrow{display:inline-flex}}.ds-carousel-refonte__arrows{position:absolute;z-index:2;top:50%;display:flex;height:0;left:0;right:0;padding:0 1.5rem}.ds-carousel-refonte__gradient{position:absolute;z-index:1;content:"";top:0;bottom:0;width:1.5rem}.ds-carousel-refonte__gradient--left{left:0}.ds-carousel-refonte__gradient--right{pointer-events:none;right:0}.ds-carousel-refonte__gradient--gutter-left{left:8%}.ds-carousel-refonte__gradient--gutter-right{right:8%}.ds-carousel-refonte__gradient--white.ds-carousel-refonte__gradient--left{background:linear-gradient(270deg,#fff0,#fff)}.ds-carousel-refonte__gradient--grey.ds-carousel-refonte__gradient--left{background:linear-gradient(270deg,#f7f7f700,#f7f7f7)}.ds-carousel-refonte__gradient--main.ds-carousel-refonte__gradient--left{background:linear-gradient(270deg,#fbfbfb00,#fbfbfb)}.ds-carousel-refonte__gradient--transparent.ds-carousel-refonte__gradient--left{background:transparent}.ds-carousel-refonte__gradient--white.ds-carousel-refonte__gradient--right{background:linear-gradient(90deg,#fff0,#fff)}.ds-carousel-refonte__gradient--grey.ds-carousel-refonte__gradient--right{background:linear-gradient(90deg,#f7f7f700,#f7f7f7)}.ds-carousel-refonte__gradient--main.ds-carousel-refonte__gradient--right{background:linear-gradient(90deg,#fbfbfb00,#fbfbfb)}.ds-carousel-refonte__gradient--transparent.ds-carousel-refonte__gradient--right{background:transparent}@media only screen and (min-width: 1024px){.ds-carousel-refonte--progress-scrollbar:hover .ds-carousel-refonte__container::-webkit-scrollbar-track{background:#f7f7f7}.ds-carousel-refonte--progress-scrollbar:hover .ds-carousel-refonte__container::-webkit-scrollbar-thumb{background:#929292}.ds-carousel-refonte--progress-scrollbar>.ds-carousel-navigation{top:calc(50% - .6875rem)}.ds-carousel-refonte--progress-scrollbar .ds-carousel-refonte__arrow{top:calc(50% - .6875rem)}.ds-carousel-refonte--progress-scrollbar .ds-carousel-refonte__gradient{height:calc(100% - 1.625rem)}.ds-carousel-refonte--progress-scrollbar .ds-carousel-refonte__container::-webkit-scrollbar{height:.375rem;display:block;scrollbar-width:auto}.ds-carousel-refonte--progress-scrollbar .ds-carousel-refonte__container::-webkit-scrollbar-thumb{border-radius:2px}}.ds-carousel-refonte--auto-hide-arrows .ds-carousel-refonte__arrow{opacity:0}.ds-carousel-refonte--auto-hide-arrows .ds-carousel-refonte__arrow:focus-visible{opacity:1}.ds-carousel-refonte--auto-hide-arrows .ds-carousel-refonte__viewport:hover .ds-carousel-refonte__arrow{opacity:1}@media only screen and (min-width: 1024px){.ds-carousel-refonte--full-height,.ds-carousel-refonte--full-height .ds-carousel-refonte__viewport,.ds-carousel-refonte--full-height .ds-carousel-refonte__container{height:100%}}
