webpack-bootstrap-ui-kit/src/scss/ui/multislider.scss

$grid-gutter-element-height: 2rem !default;

.jsMultiSlider {
    position: relative;
    display: flex;
    margin-bottom: $grid-gutter-element-height*0.5;

    align-items: center;
    justify-content: center;
    min-width: 100%;

    &-active {
        margin-bottom: 0;
    }

    .slide {
        position: relative;
        padding: 0 0.5rem;
    }
}

.jsMultiSlider-container {
    position: relative;
    margin-bottom: $grid-gutter-element-height*0.5;

    .slider-actions {
        font-size: 2rem;

        .act {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;

            &-slider-prev {}

            &-slider-next {
                left: auto;
                right: 0;
            }
        }
    }
}

.jsMultiSlider-slides-container {
    overflow: hidden;
    margin: 0 2rem;

    >.slider-nav {
        position: relative;
    }
}