.streamed-background {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
}

.streamed-background__media,
.streamed-background__media iframe,
.streamed-background__media video {
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.streamed-background__media iframe {
	border: 0;
	height: max(100%, 56.25vw);
	opacity: 0;
	transition: opacity 300ms ease;
	width: max(100%, 177.7778vh);
}

.streamed-background.is-loaded .streamed-background__media iframe {
	opacity: 1;
}

.streamed-background__media video {
	object-fit: cover;
	opacity: 0;
	transition: opacity 300ms ease;
}

.streamed-background.is-loaded .streamed-background__media video {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.streamed-background {
		display: none;
	}
}