/* Тамбы webm-видео со старого сайта (norma/topic.css): пунктирная рамка, бейдж «webm», рука.
   Курсор вешается на обёртку — картинки контента получают cursor: inherit из темы,
   и рука от обёртки доходит до тамба без конфликта специфичности */
.webm {
	border: thin dashed #008000;
}
.webm-wrapper {
	position: relative;
	cursor: pointer;
}
.webm-wrapper:before {
	position: absolute;
	content: "webm";
	color: #4679BD;
	font-size: 10px;
	font-family: 'Courier New', Courier, monospace;
	background: rgba(255,255,255,0.6);
	padding: 0 4px;
	z-index: 1;
	font-smooth: never;
	-webkit-font-smoothing: none;
}
.webm-wrapper:hover:before {
	content: "";
}
/* youtube thumbnails */
[data-youtube-id] {
	width: 100%;
	position: relative;
	cursor: pointer;
	margin: 5px auto;
	display: block;
	/* тёмный фон как у плеера: виден при загрузке превью и вместо не дозагрузившихся картинок */
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
[data-youtube-id] > div {
	/* 16:9 через padding-хак — обложка тех же пропорций, что и плеер */
	padding-top: 56.25%;
	background: url(/_run/assets/75bf4923/youtube_preload_blank.png) no-repeat center center;
	background-size: cover;
}
iframe {
	margin: 5px auto;
	display: block;
	background-size: contain;
}
iframe[src=""] {
	display: none;
}
/* плеер после клика: не вылезает на узких экранах, пропорции как у обложки */
iframe[src^="https://www.youtube.com/embed/"] {
	max-width: 100%;
	aspect-ratio: 16/9;
	height: auto;
}
video {
	max-width: 100%;
}
.markItUp .video-upload a {
    background-position: -304px -2px;
}

video {
    max-width: 100%;
}