.mealplanet-lazy-video-wrapper {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.mealplanet-lazy-video {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	border-radius: 16px;
	background-color: #000;
	cursor: default;
}

.mealplanet-lazy-video-aspect-16-9 .mealplanet-lazy-video {
	padding-bottom: 56.25%;
}

.mealplanet-lazy-video-aspect-9-16 .mealplanet-lazy-video {
	padding-bottom: 177.78%;
}

.mealplanet-lazy-video-aspect-4-3 .mealplanet-lazy-video {
	padding-bottom: 75%;
}

.mealplanet-lazy-video-aspect-1-1 .mealplanet-lazy-video {
	padding-bottom: 100%;
}

.mealplanet-lazy-video-cover,
.mealplanet-lazy-video-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mealplanet-lazy-video-cover {
	transition: opacity 0.35s ease-out;
}

.mealplanet-lazy-video-cover.is-fading {
	opacity: 0;
}

.mealplanet-lazy-video-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08) 30%, transparent 60%);
}

.mealplanet-lazy-video-element {
	pointer-events: none; /* prevent accidental controls / gestures */
}

/* Extra protection against built-in player controls showing */
.mealplanet-lazy-video-element::-webkit-media-controls-panel,
.mealplanet-lazy-video-element::-webkit-media-controls-play-button,
.mealplanet-lazy-video-element::-webkit-media-controls-start-playback-button,
.mealplanet-lazy-video-element::-webkit-media-controls-enclosure {
	display: none !important;
	opacity: 0 !important;
}