/* Start:/local/templates/.default/components/bitrix/news.detail/streamingplayer/style.css?17487804372328*/
html.is-locked,
html.is-locked body {
  /* default auto. fallback */
  height: auto;
  
  /* want to fix the height to the window height */
  height: calc(var(--window-inner-height) - 1px);

  /* want to block all overflowing content */
  overflow: hidden;

  /* want to exclude padding from the height */
  box-sizing: border-box;
}

body.modal-open {
	overflow: hidden;
	padding-right: 0px;
}

.clickable-poster .click-receiver {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
}

.clickable-poster .click-receiver:after {
	content: ' ';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8rem;
	height: 8rem;
	background: url(/local/templates/.default/components/bitrix/news.detail/streamingplayer/play_red.png) no-repeat center center;
	background-size: contain;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0);
	transition: all 0.4s ease-in-out;
}

.row .col .clickable-poster .click-receiver:after {
	width: 5rem;
	height: 5rem;
}

.clickable-poster .click-receiver:hover:after {
	transform: translate(-50%, -50%) scale(1.15);
	border-color: rgba(255, 255, 255, 1);
}

.inline-player {
	background-color: rgba(0, 0, 0, 0.0);
	transition: background-color 0.4s ease-in-out;
}

.inline-player.fullscreen {
	background-color: rgba(0, 0, 0, 1.0);
}

.inline-player .fullscreen-btn {
	display: none;
}

.inline-player.playing .clickable-poster {
	display: none;
}
.inline-player.playing .fullscreen-btn {
	display: inline;
}


.inline-player .iframe-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
}
.inline-player.fullscreen .iframe-wrapper {
	position: fixed;
	z-index: 1055;
	box-shadow: 0px 2px 2px #000000;
}

.inline-player .iframe-wrapper iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: 0;
}


@media (max-width: 1199px) {
	.clickable-poster .click-receiver:after {
		width: 6rem;
		height: 6rem;
	}
	.row .col .clickable-poster .click-receiver:after {
		width: 4rem;
		height: 4rem;
	}
}

@media (max-width: 767px) {
	.row .col .clickable-poster .click-receiver:after,
	.clickable-poster .click-receiver:after {
		width: 5rem;
		height: 5rem;
	}
}

@media (max-width: 450px) {
	.row .col .clickable-poster .click-receiver:after,
	.clickable-poster .click-receiver:after {
		width: 16vw;
		height: 16vw;
	}
}


/* End */
/* /local/templates/.default/components/bitrix/news.detail/streamingplayer/style.css?17487804372328 */