/* ======================== */
/* VIDEOS & COMICS          */
/* ======================== */

.mediaVideo, .mediaComic {
	box-shadow:0px 3px 5px rgba(0, 0, 0, 0.5);
	border-radius:5px;
	overflow:hidden;
}

.mediaVideo div, .mediaComic div {
	position:absolute;
	bottom:0px;
	left:0px;
	background:linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.75) 16px);
	padding:8px;
	width:100%;
	color:var(--colTFLighter);
	font-weight:bold;
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
}

.mediaVideo img, .mediaComic img {
	display:block;
	width:100%;
}

/* ======================== */
/* SOUNDTRACK               */
/* ======================== */

.mediaSoundtrack {
	display:flex;
	flex-direction:column;
	justify-content:center;
	box-shadow:0px 3px 5px rgba(0, 0, 0, 0.5);
	border-radius:5px;
	background:var(--banner) right center / 320px no-repeat, #212121;
	padding:4px 8px;
	height:50px;
	overflow:hidden;
	color:var(--colTFLighter) !important;
	text-decoration:none !important;
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
}

.mediaSoundtrackInfo {
	display:flex;
	justify-content:space-between;
}

/* ======================== */
/* ARTWORK                  */
/* ======================== */

.mediaArtwork {
	display:flex;
	flex-direction:column;
	justify-content:center;
	box-shadow:0px 3px 5px rgba(0, 0, 0, 0.5);
	border-radius:5px;
	height:100%;
	overflow:hidden;
}