.pw-widget.pw-having-bg-video {
	position: relative;
}

.pw-bg-video-container {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.pw-subwidgets-container {
	position: relative;
	z-index: 1;
	height: inherit;
	min-height: inherit;
	max-height: inherit;
}

.pw-bg-video-container > iframe {
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


// WEAVER Editor specific

.pw-bg-video-preview-container {
	display: none;
}

.not-in-preview .pw-having-bg-video {
	.pw-bg-video-preview-container {
		display: block;
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		pointer-events: none;

		background: rgba(#000, .5);
	}

	.pw-bg-video-preview {
		position: absolute;
		z-index: 0;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);

		opacity: 0.2;

		padding: 20px;
		color: #fff;
		fill: #fff;
		text-align: center;

		svg {
			width: 100px;
			height: 100px;
			margin: 0 auto 10px;
		}

		.vimeo,
		.youtube {
			display: none;
		}

		 &.provider-vimeo .vimeo {
			display: block;
		}

		 &.provider-youtube .youtube {
			display: block;
		}
	}
}
