ul.image-carousel {
	margin-right: -1rem;
	margin-bottom: 4rem;
	margin-left: -1rem;
}

@media(min-width: 37.5em) {
	ul.image-carousel {
		margin-right: 3rem;
		margin-left: 3rem;
	}
}

ul.image-carousel figcaption {
	margin-top: 0.5rem;
	padding: 0 0.5rem;
	font: var(--body-small-regular);
}

@media(min-width: 37.5em) {
	ul.image-carousel figcaption {
		padding: 0;
	}
}

.image-carousel .flickity-prev-next-button {
	padding: 0.5rem;
}

.image-carousel .flickity-prev-next-button.next {
	right: 0;
	top: auto;
	bottom: -4rem;
	z-index: 2;
}

.image-carousel .flickity-prev-next-button.previous {
	left: 0;
	top: auto;
	bottom: -4rem;
	z-index: 2;
}

@media(min-width: 37.5em) {
	.image-carousel .flickity-prev-next-button.next {
		right: -4rem;
		top: 50%;
		bottom: auto;
	}

	.image-carousel .flickity-prev-next-button.previous {
		left: -4rem;
		top: 50%;
		bottom: auto;
	}
}

.image-carousel .flickity-prev-next-button {
	border-radius: none;
}

.image-carousel .flickity-button {
	background-color: transparent;
}

.image-carousel .flickity-button:hover {
	background-color: transparent;
}