/**
 * Overlay player styles
 */
.overlay .video-block video,
.overlay .video-block canvas {
	object-fit: cover;
}
.overlay .video-block .layout {
	color: rgba(255, 255, 255, .9);
	background-size: cover;
}
.overlay .layout-center-button svg path {
	stroke: var(--color-muted);
}
.overlay .video-block .layout > a.cta-bottom {
	width: auto;
	height: 44px;
	padding: 0 10px;
	color: #fff;
	background-color: var(--color-bg-actions);
	background-image: var(--gradient-bg-actions);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50%;
	bottom: 16px;
	transform: translateX(-50%);
	font-family: inherit;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #FFFFFF;
}
.overlay.default .cta-bottom,
.overlay.socials-enabled .cta-bottom,
.overlay.subscribe-enabled .cta-bottom {
	display: none!important;
}
.overlay .mute-controls {
	cursor: pointer;
	padding: 0;
	position: absolute;
    bottom: 16px;
    right: 12px;
}
.overlay .mute-controls .volume {
	display: none;
}
.overlay .mute-controls.muted .mute {
	display: none;
}
.overlay .mute-controls.muted .volume {
	display: inline;
}
.overlay .close-button {
	cursor: pointer;
	padding: 0;
	position: absolute;
    top: 16px;
    right: 12px;
}
.overlay .skip-button {
	padding: 0 10px;
	height: 44px;
	background: rgba(14, 24, 51, 0.5);
	border-radius: 4px 0px 0px 4px;
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 44px;
	color: #FFFFFF;
	position: absolute;
	right: 0;
	bottom: 16px;
	text-align: center;
	cursor: pointer;
}
.overlay .layout-center-button {
	color: var(--color-muted);
}
.overlay .layout-center.active {
	/*background: #FFFFFF;
	opacity: 0.75;*/
}
.overlay .layout-center.active + .layout-bottom .layout-bottom-left .hide {
	color: var(--color-muted);
}
.overlay .layout-center.active + .layout-bottom .layout-bottom-left svg path {
	fill: var(--color-muted);
}
.overlay .layout-center.active + .layout-bottom .layout-bottom-left .brand-name {
	opacity: 1;
}
.overlay .wrapper.subscribe-enabled video,
.overlay .wrapper.socials-enabled video,
.overlay .wrapper.default video {
	display: none;
}
@media screen and (max-width: 480px) {
	.overlay .video-block .layout > a.cta-bottom {
		display: none;
	}
	.overlay .subscribe-title {
		margin-top: 50px;
	}
	.overlay .layout-timer {
		margin-top: 0;
	}
}