.ls{position:relative;overflow:hidden;background:var(--ls-bg,transparent)}
.ls__track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.ls__track::-webkit-scrollbar{display:none;width:0;height:0}
.ls__slide{flex:0 0 100%;scroll-snap-align:start;position:relative;min-width:0}
.ls__slide picture,.ls__slide img{display:block;width:100%;height:auto}
.ls__slide img{object-fit:cover}
.ls__link{position:absolute;inset:0;z-index:2}

.ls__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:var(--ls-arrow,38px);height:var(--ls-arrow,38px);border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--ls-arrow-bg,#000);color:var(--ls-arrow-color,#fff);border-radius:var(--ls-arrow-radius,0)}
.ls__nav svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ls__nav--prev{left:0}
.ls__nav--next{right:0}
.ls__nav[hidden]{display:none}

.ls__dots{position:absolute;left:50%;transform:translateX(-50%);bottom:var(--ls-dots-bottom,18px);z-index:3;display:flex;gap:8px;padding:6px 10px;border-radius:20px;background:var(--ls-dots-bg,transparent)}
.ls__dots[hidden]{display:none}
.ls__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#000;opacity:.45;transition:opacity .2s,width .2s}
.ls__dot.is-on{opacity:1;width:22px;border-radius:10px}

@media(max-width:749px){
  .ls__nav{display:none}
  .ls__dots{bottom:var(--ls-dots-bottom-m,12px)}
}
@media(prefers-reduced-motion:reduce){.ls__track{scroll-behavior:auto}}