.od-autoplay-video {
	--od-autoplay-video-bg: transparent;
	--od-autoplay-video-position: center center;
	--od-autoplay-video-radius: 0px;
	--od-autoplay-video-ratio: 16 / 9;
	--od-autoplay-video-edge-bleed: 0.5px;
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	aspect-ratio: var(--od-autoplay-video-ratio);
	border: 0;
	border-radius: var(--od-autoplay-video-radius);
	background: var(--od-autoplay-video-bg);
	box-shadow: none;
	clip-path: inset(0 round var(--od-autoplay-video-radius));
	line-height: 0;
}

.od-autoplay-video *,
.od-autoplay-video *::before,
.od-autoplay-video *::after {
	box-sizing: border-box;
}

.od-autoplay-video__media {
	position: absolute;
	inset: calc(var(--od-autoplay-video-edge-bleed) * -1);
	display: block;
	width: calc(100% + var(--od-autoplay-video-edge-bleed) * 2);
	height: calc(100% + var(--od-autoplay-video-edge-bleed) * 2);
	border: 0;
	border-radius: inherit;
	box-shadow: none;
	outline: 0;
	object-fit: cover;
	object-position: var(--od-autoplay-video-position);
}

.od-autoplay-video[data-object-fit="contain"] .od-autoplay-video__media {
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.od-autoplay-video[data-object-fit="fill"] .od-autoplay-video__media {
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.od-autoplay-video[data-object-fit="scale-down"] .od-autoplay-video__media {
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.od-autoplay-video__placeholder {
	display: grid;
	width: 100%;
	height: 100%;
	min-height: 180px;
	place-items: center;
	padding: 24px;
	color: rgba(255, 255, 255, 0.68);
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}