[data-module] .empty {
	background-color: #eee;
	background-image: url('/public/images/placeholders/module.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 6em;
}
[data-module] .empty:hover {
	background-color: #ddd;
}

[media] {
	display:block;
}
[media=image] img {
	width:100%;
}
[media=none] .none {
	background-color: #eee;
	background-image: url('/public/images/placeholders/image.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 1em;
	max-width: 100%;
	padding-bottom: 56.25%;
}
[media=none] .none:hover {
	background-color: #ddd;
}
[media=video] {
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 56.25%;
	text-decoration: none;
}
[media=video]:after {
	content:'\25b6';
	position:absolute;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border-radius: 0.1em;
	height:1.1em;
	width:2em;
	line-height:1em;
	padding:0.25em;
	text-align: center;
	top:50%; margin-top: -0.85em;
	left:50%; margin-left: -1.15em;
	font-size: 2.5em;
}

[media=gallery][data-media] {
	position: relative;
}

[media=gallery][data-media] img {
	width: 100%;
}

[media=gallery][data-media] img:nth-child(2) {
	position: absolute;
	opacity: 0.33;
	top: 0;
	left: 0;
}

[media=gallery][data-media] img:nth-child(n+3) {
	display: none;
}