@layer components{.dossier-slider{--dossier-slider-gap:21.3px;position:relative}.dossier-slider__nav{z-index:2;width:30px;height:30px;color:var(--color-white);background-color:var(--color-dark-gray);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.dossier-slider__nav:disabled{opacity:.3;cursor:not-allowed}.dossier-slider__nav--prev{left:-33px}.dossier-slider__nav--prev svg{margin-right:3px}.dossier-slider__nav--next{right:-33px}.dossier-slider__nav--next svg{margin-left:3px}.dossier-slider__viewport{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;margin:0 -10px -10px;padding:0 10px 10px;overflow:hidden}.dossier-slider__viewport.is-dragging{cursor:grabbing}.dossier-slider__viewport img{-webkit-user-drag:none}.dossier-slider__track{gap:var(--dossier-slider-gap);transition:transform .3s ease-out;display:flex}.dossier-slider__viewport.is-dragging .dossier-slider__track{transition:none}.dossier-slider__slide{flex:0 0 calc((100% - (-1 + var(--per-view,3)) * var(--dossier-slider-gap)) / var(--per-view,3));min-width:0}@media (width>=1280px){.dossier-slider__nav{width:30.7px;height:30.7px}.dossier-slider__nav--prev{left:-54.4px}.dossier-slider__nav--next{right:-54.4px}}@media (width<=768px){.dossier-slider{--dossier-slider-gap:22px}.dossier-slider__viewport{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:auto;-webkit-user-select:auto;user-select:auto;cursor:auto;margin:-3px -36px -12px -3px;padding:3px 36px 12px 3px;scroll-padding-left:3px;overflow-x:auto}.dossier-slider__viewport::-webkit-scrollbar{display:none}.dossier-slider__slide{scroll-snap-align:start;flex:0 0 min(276px,100% - 24px)}}}