.wp-block-timeular-blocks-library-early-hero-video {
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 20px 10px 25px rgba(0, 0, 0, .1);
	display: flex;
	height: 100%;
	width: auto;
}

.wp-block-timeular-blocks-library-early-hero-video video {
	--video-inset: 10px;
	border: var(--video-inset) solid var(--earlyDark);
	border-radius: calc(var(--video-inset) + 11px);
	height: 100%;
	margin: 0;
	opacity: 0;
	padding: 0;
	transition: opacity .3s ease-in-out;
	width: 100%;
}

.wp-block-timeular-blocks-library-early-hero-video .main-image {
	display: none;
}

.wp-block-timeular-blocks-library-early-hero-video img {
	opacity: 1;
	position: absolute;
	transition: opacity .3s ease-in-out;
	z-index: 99;
}

.wp-block-timeular-blocks-library-early-hero-video .left-image {
	animation: float-left 5s infinite;
	bottom: 0;
	height: 70%;
	left: 0;
	transform: translate(-30%);
}

.wp-block-timeular-blocks-library-early-hero-video .right-image {
	animation: float-right 5s infinite;
	bottom: 0;
	height: 50%;
	right: 0;
	transform: translate(30%);
}

.wp-block-timeular-blocks-library-early-hero-video .left-image, .wp-block-timeular-blocks-library-early-hero-video .right-image {
	filter: drop-shadow(40px 10px 50px rgba(0, 0, 0, .4));
}

.wp-block-timeular-blocks-library-early-hero-video #early-video-controls {
	all: unset;
	animation: scale-controls 2s ease-in-out infinite;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'131\' height=\'108\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath fill=\'%23D2FDFE\' d=\'M2.5 2.5h116v93H2.5z\'/%3E%3Cpath stroke=\'%23363B39\' stroke-width=\'5.5\' d=\'M2.5 2.5h116v93H2.5z\'/%3E%3Cpath d=\'m121 0 10 10h-10V0ZM121 10h10v88h-10V10ZM0 98h10v10L0 98ZM10 98h121v10H10V98ZM49 17l33.498 33.498L49 83.995V17Z\' fill=\'%23363B39\'/%3E%3C/svg%3E");
	cursor: pointer;
	filter: drop-shadow(40px 10px 50px rgba(0, 0, 0, .4));
	height: 108px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform .2s;
	width: 131px;
}

.wp-block-timeular-blocks-library-early-hero-video #early-video-controls.nitro-lazy {
	background-image: none !important;
}

.wp-block-timeular-blocks-library-early-hero-video #early-video-controls:hover {
	opacity: .85;
	transform: translate(-50%, -50%) scale(1.05);
}

.wp-block-timeular-blocks-library-early-hero-video.playing {
	box-shadow: none;
}

.wp-block-timeular-blocks-library-early-hero-video.playing #early-video-controls {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'131\' height=\'108\' fill=\'none\'%3E%3Cpath fill=\'%23D2FDFE\' d=\'M2.5 2.5h116v93H2.5z\'/%3E%3Cpath stroke=\'%23363B39\' stroke-width=\'5.5\' d=\'M2.5 2.5h116v93H2.5z\'/%3E%3Cpath d=\'m121 0 10 10h-10V0ZM121 10h10v88h-10V10ZM0 98h10v10L0 98ZM10 98h121v10H10V98ZM44 27h12v45H44zM65 27h12v45H65z\' fill=\'%23363B39\'/%3E%3C/svg%3E");
	opacity: 0;
}

.wp-block-timeular-blocks-library-early-hero-video.playing #early-video-controls.nitro-lazy {
	background-image: none !important;
}

.wp-block-timeular-blocks-library-early-hero-video.playing #early-video-controls:hover {
	opacity: .85;
}

.wp-block-timeular-blocks-library-early-hero-video.touched {
	background: none var(--bg-color, var(--earlyDark)) !important;
	box-shadow: none;
}

.wp-block-timeular-blocks-library-early-hero-video.touched .left-image, .wp-block-timeular-blocks-library-early-hero-video.touched .right-image {
	opacity: 0;
}

@media screen and (max-width:818px) {
	.wp-block-timeular-blocks-library-early-hero-video {
		background: none;
		background-size: 0 0;
		box-shadow: none;
		display: flex;
		flex-direction: column;
	}
	
	.wp-block-timeular-blocks-library-early-hero-video .right-image {
		display: none !important;
	}
	
	.wp-block-timeular-blocks-library-early-hero-video video {
		background-color: var(--earlyLight);
		border: none;
		border-radius: 0;
		bottom: 0;
		left: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		position: absolute;
		right: 50%;
		width: 100vw;
	}
	
	.wp-block-timeular-blocks-library-early-hero-video #early-video-controls {
		display: block !important;
		pointer-events: auto;
		z-index: 100;
	}
	
	.wp-block-timeular-blocks-library-early-hero-video .left-image {
		animation: none;
		display: flex;
		max-height: 400px;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center top;
		object-position: center top;
		position: relative;
		transform: none;
	}
}

@keyframes float-left {
	0% {
		transform: translate(-30%);
	}
	
	50% {
		transform: translate(-30%, 30px);
	}
	
	to {
		transform: translate(-30%);
	}
}

@keyframes float-right {
	0% {
		transform: translate(30%);
	}
	
	50% {
		transform: translate(30%, 30px);
	}
	
	to {
		transform: translate(30%);
	}
}

@keyframes scale-controls {
	0% {
		transform: translate(-50%, -50%) scale(1);
	}
	
	50% {
		transform: translate(-50%, -50%) scale(1.1);
	}
	
	to {
		transform: translate(-50%, -50%) scale(1);
	}
}