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

@import '../_variables';
$grid-gutter-element-height: 2rem !default;

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

	&-active {
		margin-bottom: 0;
	}

	&-container {
		position: relative;
		margin-bottom: $grid-gutter-element-height/2;

		.slider-actions {
			.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;
				}
			}
		}
	}

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

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

	.slide {
		position: relative;
		padding: 0 0.5rem;
	}
	.slider-actions {
		font-size: 2rem;
	}
}