.ppp-loop-media {
	position: relative;
	display: block;
	overflow: hidden;
}

.ppp-loop-media .ppp-loop-poster,
.ppp-loop-media .ppp-loop-video {
	display: block;
	width: 100%;
	height: auto;
	transition: opacity 160ms ease;
}

.ppp-loop-media .ppp-loop-video {
	position: absolute;
	inset: 0;
	height: 100%;
	object-fit: contain;
	background: #fff;
	opacity: 0;
	pointer-events: none;
}

.ppp-loop-media.is-playing .ppp-loop-poster {
	opacity: 0;
}

.ppp-loop-media.is-playing .ppp-loop-video {
	opacity: 1;
}

.ppp-product-gallery-video {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.ppp-product-gallery-video video {
	display: block;
	width: 100%;
	max-height: 75vh;
	object-fit: contain;
	background: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.ppp-loop-media .ppp-loop-poster,
	.ppp-loop-media .ppp-loop-video {
		transition: none;
	}
}