/* YouTube */

.video-wrapper {
	max-width: 560px;
	max-height: 340px;
}
.video-wrapper div {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 4.46%; /* max 25px */
	height: 0;
}
.video-wrapper div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Spoilers */

.spoiler {
	cursor: pointer;
}

.spoiler-blurred {
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.spoiler-blurred .video-wrapper div::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100% auto;
}

.spoiler-clear {
	-webkit-filter: none;
	filter: none;
}

/* Hacks for IE 11 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .spoiler-blurred {
		color: #ffe74a;
		background-color: #ffe74a;
		display: inline-block; /* Allows to include images in span tag */
	}

	*::-ms-backdrop, .spoiler-blurred span {
		color: rgba(0, 0, 0, 0) !important; /* Fix for color tags and links inside spoilers */
	}

	*::-ms-backdrop, .spoiler-blurred a[href] {
		color: rgba(0, 0, 0, 0) !important; /* Fix for color tags and links inside spoilers */
	}

	*::-ms-backdrop, .spoiler-blurred img {
		visibility: hidden;
	}
}

/* Hacks for Microsoft Edge */
@supports (-ms-accelerator:true) {
	.spoiler-blurred {
		color: #ffe74a;
		background-color: #ffe74a;
		display: inline-block; /* Allows to include images in span tag */
		filter: none; /* Cancel the default blur that is applied because of display: inline-block */
	}

	.spoiler-blurred span, .spoiler-blurred a[href] {
		color: rgba(0, 0, 0, 0) !important; /* Fix for color tags and links inside spoilers */
	}

	.spoiler-blurred img {
		visibility: hidden;
	}
}