.agile {
	position: relative;
}
.agile--ssr .agile__slides--cloned {
	display: none
}
.agile--ssr .agile__slides > * {
	overflow: hidden;
	width: 0
}
.agile--ssr .agile__slides > *:first-child {
	width: 100%
}
.agile--rtl .agile__track,
.agile--rtl .agile__slides,
.agile--rtl .agile__actions,
.agile--rtl .agile__dots {
	flex-direction: row-reverse;
}
.agile:focus, .agile:active, .agile *:focus, .agile *:active {
	outline: none;
}
.agile__list {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.agile__track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.agile__actions {
	display: flex;
	justify-content: space-between;
}
.agile--no-nav-buttons .agile__actions {
	justify-content: center;
}
.agile__slides {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	flex-shrink: unset;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.agile--disabled .agile__slides {
	display: block;
	width: 100%;
}
.agile__slide {
	display: block;
	flex-grow: 1;
	flex-shrink: 0;
}
.agile__slide,
.agile__slide * {
	-webkit-user-drag: none;
}
.agile--fade .agile__slide {
	opacity: 0;
	position: relative;
	z-index: 0;
}
.agile--fade .agile__slide--active {
	opacity: 1;
	z-index: 2;
}
.agile--fade .agile__slide--expiring {
	opacity: 1;
	transition-duration: 0s;
	z-index: 1;
}
.agile__nav-button[disabled] {
	cursor: default;
}
.agile__dots {
	align-items: center;
	display: flex;
	list-style: none;
	padding: 0;
	white-space: nowrap;
}
.agile__dot button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
}