/*********************************************
 * Image Slider
**********************************************/
.px-image-slider {--is-item-width:33.33%;}
.px-image-slider__slide {width:var(--is-item-width);}
.px-image-slider__slide-image {aspect-ratio:1;}

/*********************************************
 * Image Slider Responsive
**********************************************/
@media only screen and (max-width:480px) {
    .px-image-slider {--is-item-width:100%;}
}

/*********************************************
 * Image Slider - Vertical layout
**********************************************/
.px-image-slider.vertical-image {--is-item-width:130px; --is-item-gap:24px; width:var(--px-100vw); padding:var(--px-spacing-100) 0;}
.px-image-slider.vertical-image .px-image-slider__slide {width:calc(var(--is-item-width) + var(--is-item-gap) * 2); padding-left:calc(var(--is-item-gap));}

.px-image-slider__content,
.px-image-slider__button {padding:0 var(--px-gap-side);}

.px-image-slider.vertical-image .px-image-slider__slide:first-child,
.px-image-slider.vertical-image .px-image-slider__slide:last-child {width:calc(var(--is-item-width) + var(--is-item-gap) + var(--px-gap-container));}
.px-image-slider.vertical-image .px-image-slider__slide:first-child {
    width:calc(var(--is-item-width) + var(--is-item-gap) + var(--px-gap-container));
    padding-left:var(--px-gap-container);
}
.px-image-slider.vertical-image .px-image-slider__slide:last-child {
    width:calc(var(--is-item-width) + var(--is-item-gap) * 2 + var(--px-gap-container));
    padding-right:var(--px-gap-container);
}
.px-image-slider.vertical-image .px-image-slider__slide-image {aspect-ratio:130/231;}
.px-image-slider.vertical-image .flickity-page-dots {position:static;}

@media only screen and (max-width:768px) {
    .px-image-slider.vertical-image {--is-item-width:100px; --is-item-gap:16px;}
}