.block-video-background {
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.block-video-background__stage {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #000;
}

.block-video-background__stage::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}

.block-video-background__stage--4x3::before {
	padding-top: 75%;
}

.block-video-background__player,
.block-video-background__poster,
.block-video-background__stage .mbYTP_wrapper,
.block-video-background__stage .playerBox,
.block-video-background__stage .YTPOverlay {
	position: absolute !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
}

.block-video-background__poster {
	object-fit: cover;
}

.block-video-background__poster--frontend {
	z-index: 2;
	opacity: 1;
	transition: opacity 0.35s ease;
}

.block-video-background__stage.is-video-ready .block-video-background__poster--frontend {
	opacity: 0;
	pointer-events: none;
}

.block-video-background__player,
.block-video-background__stage .mbYTP_wrapper {
	z-index: 1;
}

.block-video-background__player iframe {
	width: 100% !important;
	height: 100% !important;
}

.block-video-background__stage .mb_YTPBar,
.block-video-background__stage .mb_YTPBar .buttonBar,
.block-video-background__stage .mb_YTPBar .mb_YTPProgress,
.block-video-background__stage .ytp-chrome-top,
.block-video-background__stage .ytp-chrome-bottom,
.block-video-background__stage .ytp-show-cards-title,
.block-video-background__stage .ytp-cards-button,
.block-video-background__stage .ytp-watermark,
.block-video-background__stage .ytp-pause-overlay {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

.block-video-background--placeholder {
	padding: 1rem;
	background: #f5f5f5;
	border: 1px dashed #c8c8c8;
}