.maple-avada-splide-featured-image {
	--maple-asfg-max-height: 600px;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.maple-avada-splide-featured-image .maple-asfg-splide,
.maple-avada-splide-featured-image .maple-asfg-track,
.maple-avada-splide-featured-image .maple-asfg-list {
	max-height: var(--maple-asfg-max-height);
}

.maple-avada-splide-featured-image .maple-asfg-track {
	overflow: hidden;
}

.maple-avada-splide-featured-image .maple-asfg-slide {
	width: auto;
	max-width: min(100vw, 100%);
}

.maple-avada-splide-featured-image .maple-asfg-figure {
	position: relative;
	display: block;
	width: auto;
	max-width: 100%;
	max-height: var(--maple-asfg-max-height);
	margin: 0;
	padding: 0;
	line-height: 0;
	overflow: hidden;
	background: transparent;
}

.maple-avada-splide-featured-image .maple-asfg-image {
	display: block;
	width: auto;
	height: auto;
	max-width: min(100vw, 100%);
	max-height: var(--maple-asfg-max-height);
	object-fit: contain;
}

.maple-avada-splide-featured-image .splide:not(.is-initialized) .maple-asfg-list {
	display: flex;
	gap: 16px;
	overflow: hidden;
}

.maple-avada-splide-featured-image .splide:not(.is-initialized) .maple-asfg-slide {
	flex: 0 0 auto;
}

@media (max-width: 767.98px) {
	.maple-avada-splide-featured-image {
		--maple-asfg-max-height: min(600px, 75vh);
	}

	.maple-avada-splide-featured-image .maple-asfg-slide,
	.maple-avada-splide-featured-image .maple-asfg-image {
		max-width: 100vw;
	}
}