.sugar-overlap-slider{--ops-w:var(--ops-w-m);display:block;position:relative;overflow:hidden;padding-top:var(--ops-pt-m);padding-bottom:var(--ops-pb-m);background:rgb(var(--color-background))}
@media screen and (min-width:750px){.sugar-overlap-slider{--ops-w:var(--ops-w-d);padding-top:var(--ops-pt-d);padding-bottom:var(--ops-pb-d)}}
.sugar-overlap-slider__stage{position:relative;height:calc(var(--ops-w)*1.25);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.sugar-overlap-slider__stage.is-dragging{cursor:grabbing}
.sugar-overlap-slider__slide{--s:calc(1000/var(--z));position:absolute;top:0;left:50%;width:var(--ops-w);aspect-ratio:4/5;margin-left:calc(var(--ops-w)/-2);transform:translate3d(calc(var(--d)*var(--ops-w)*var(--s)),0,0) scale(var(--s));transition:transform .5s cubic-bezier(.25,.8,.25,1),opacity .3s;box-shadow:0 8px 22px rgba(18,18,18,.18);background:rgb(var(--color-background));overflow:hidden}
.sugar-overlap-slider__slide.is-far{opacity:0;pointer-events:none}
.sugar-overlap-slider__slide.no-anim{transition:none}
.sugar-overlap-slider__slide a{display:block;height:100%}
.sugar-overlap-slider__slide img,.sugar-overlap-slider__slide svg{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.sugar-overlap-slider__arrow{position:absolute;z-index:30;top:50%;width:32px;height:32px;margin-top:-16px;padding:10px;border:0;border-radius:50%;background:#fff;color:#121212;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}
.sugar-overlap-slider__arrow svg{display:block;width:100%;height:100%}
.sugar-overlap-slider__arrow:hover{background:#121212;color:#fff}
.sugar-overlap-slider__arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.sugar-overlap-slider__arrow--prev{left:10px}
.sugar-overlap-slider__arrow--next{right:10px}
@media screen and (min-width:750px){.sugar-overlap-slider__arrow{width:50px;height:50px;margin-top:-25px;padding:15px}.sugar-overlap-slider__arrow--prev{left:25px}.sugar-overlap-slider__arrow--next{right:25px}}
@media (prefers-reduced-motion:reduce){.sugar-overlap-slider__slide{transition:none}}
