/*# sourceMappingURL=player-video-description--style-gradient.css.map */

.vplayer > .vp-inner > .video-description.video-description-style-gradient {
	width: 70%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 30px;
	display: flex;
	align-items: center;
	color: #444;
	overflow: hidden;
	pointer-events: none;
}

.vplayer > .vp-inner > .video-description.video-description-style-gradient:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .79) 75%, rgba(255, 255, 255, 0) 100%);
	transform: translate3d(0, 0, 0);
	transition-property: transform;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}

.vplayer > .vp-inner > .video-description.video-description-style-gradient > div {
	pointer-events: auto;
	max-width: 50%;
	position: relative;
	transform: translate3d(0, 0, 0) scale(1);
	transition-property: transform;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}

.vplayer.is-playing .vp-inner .video-description-style-gradient:before {
	transform: translate3d(-50%, 0, 0);
}

.vplayer.is-playing .vp-inner .video-description-style-gradient > div {
	transform: translate3d(0, 0, 0) scale(.75);
}

.vplayer.under-420 .vp-inner > .video-description.video-description-style-gradient > div {
	max-width: 120%;
}