/****** FILE: frontend/css/css-slider.css *****/
.css-slider {
    padding-bottom: 71.373%;
}
/* annoying specificity *//* annoying specificity */
.facade-slider .slide-item.css-slide, .facade-indiv-slider .slide-item.css-slide {
    position: absolute;
    width: 100%;
}
.css-slide {
    position: absolute;
    display: none;
    /* transition: transform 400ms ease-in-out;
    -moz-transition: transform 400ms ease-in-out;
    -webkit-transition: transform 400ms ease-in-out; */
}
.css-slider--fast .css-slide {
    transition: transform 50ms ease-in-out;
    -moz-transition: transform 50ms ease-in-out;
    -webkit-transition: transform 50ms ease-in-out;
}
.css-slide--active {
    display: block;
    transform: translateX(0);
}
.css-slide--prev {
    display: block;
    transform: translateX(-100%);
}
.css-slide--next {
    display: block;
    transform: translateX(100%);
}

.css-slider {
    position: relative;
}

.css-slide-image-container {
    width: 100%;
    padding-bottom: 56.25%; /* 9/16 = aspect ratio of image */
    position: relative;
}

.css-slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider-css--enable-animations .css-slide {
    transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out;
}
.slider-css--enable-animations.slider-css--fast-animations .css-slide {
    transition: transform 50ms ease-in-out;
    -moz-transition: transform 50ms ease-in-out;
    -webkit-transition: transform 50ms ease-in-out;
}

.facade-indiv-slider .css-slide--prev {
    transform: translateX(-108%) !important;
}

.facade-indiv-slider .css-slide--next {
    transform: translateX(108%) !important;
}