Template:WMF Slideshow/styles.css

.wmf-slider-container {
	display: flex;
	min-height: 365px;
	background: var( --background-color-interactive,#EAECF0);
}

.wmf-slider-items-container {
	display: flex;
	flex-direction: column;
    width: 100%;
}

.wmf-slider-pagination {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wmf-slider-pagination-dot {
	border-radius: 8px;
	height: 12px;
	width: 10px;
	appearance: none;
	background-color: #C8CCD1;
	margin: 0 5px;
	border: none;
}

.wmf-slider-container > .wmf-slider-prev {
	width: 36px;
	height: 100%;
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Previous_inactive.svg/20px-Previous_inactive.svg.png");
	background-repeat: no-repeat;
	background-position: center center;
	flex-shrink: 0;
}

.wmf-slider-prev-active {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/OOjs_UI_icon_previous-ltr.svg/20px-OOjs_UI_icon_previous-ltr.svg.png") !important;
}

.wmf-slider-container > .wmf-slider-next {
	width: 36px;
	height: 100%;
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/Next_inactive.svg/11px-Next_inactive.svg.png");
	background-repeat: no-repeat;
	background-position: center center;
	flex-shrink: 0;
}

.wmf-slider-next-active {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/8/8e/OOjs_UI_icon_next-ltr.svg/20px-OOjs_UI_icon_next-ltr.svg.png") !important;
}

.wmf-slider-container .wmf-slider-items {
	width: 100%;
	height: 100%;
	display: flex;
	margin-top: 24px;
	overflow-y: hidden;
	overflow-x: auto;
}

.wmf-slider-items > .wmf-slider-card {
	margin-left: 12px;
}