/**
 * inline player styles
 */
.inline .video-block .layout {
	color: rgba(255, 255, 255, .9);
}
.inline .layout-center-button svg path {
	stroke: var(--color-muted);
}
.inline .overlay-link {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(56,110,229);stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:rgb(127,91,229);stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='12' fill='url(%23grad)'/%3E%3Cpath opacity='0.8' d='M4.93774 21.7028C6.91922 23.1475 9.36007 24 12 24C18.6275 24 24 18.6274 24 12C24 11.4333 23.9608 10.8758 23.8848 10.3301C16.6755 12.0117 9.99523 15.9003 4.93774 21.7028Z' fill='white'/%3E%3Cpath opacity='0.54' d='M5.36035 2.00273C7.81258 4.71019 10.7219 7.08747 14.0555 9.01211C17.2307 10.8454 20.5692 12.1399 23.965 12.9241C23.9882 12.6191 24 12.3109 24 12C24 5.37259 18.6275 0 12 0C9.5448 0 7.26179 0.737359 5.36035 2.00273Z' fill='white'/%3E%3Cpath d='M8.59183 18.0746C9.64837 12.2813 9.24617 6.37114 7.52408 0.862549C3.11359 2.6367 0 6.95474 0 12C0 16.963 3.01286 21.2223 7.30935 23.0486C7.30935 23.0486 7.30934 23.0486 7.30935 23.0486C6.46482 22.6896 5.66991 22.2366 4.9377 21.7027C6.0775 20.395 7.29971 19.1846 8.59183 18.0746Z' fill='white'/%3E%3C/svg%3E%0A");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: max(10%, 50px);
}
.inline .overlay-link.hidden {
	background: none;
}
.inline .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: 48px;
	transform: translateX(-50%);
	font-family: inherit;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #FFFFFF;
	z-index: 10;
}
.inline.default .cta-bottom,
.inline.socials-enabled .cta-bottom,
.inline.subscribe-enabled .cta-bottom {
	display: none!important;
}
.inline .mute-controls {
	cursor: pointer;
	padding: 0;
	position: absolute;
    bottom: 16px;
    right: 12px;
}
.inline .mute-controls .volume {
	display: none;
}
.inline .mute-controls.muted .mute {
	display: none;
}
.inline .mute-controls.muted .volume {
	display: inline;
}
.inline .close-button {
	cursor: pointer;
	padding: 0;
	position: absolute;
    top: 16px;
    right: 12px;
}
.inline .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;
}
.inline .layout-center-button {
	color: var(--color-muted);
}
.inline .layout-center.active {
	/*background: #FFFFFF;
	opacity: 0.75;*/
}
.inline .layout-center.active + .layout-bottom .layout-bottom-left .hide {
	color: var(--color-muted);
}
.inline .layout-center.active + .layout-bottom .layout-bottom-left svg path {
	fill: var(--color-muted);
}
.inline .layout-center.active + .layout-bottom .layout-bottom-left .brand-name {
	opacity: 1;
}
.inline .wrapper.subscribe-enabled video,
.inline .wrapper.socials-enabled video,
.inline .wrapper.default video {
	display: none;
}
@media screen and (max-width: 480px) {
	.inline .video-block .layout > a.cta-bottom {
		display: none;
	}
	.inline .subscribe-title {
		margin-top: 50px;
	}
	.inline .layout-timer {
		margin-top: 0;
	}
}