/**
 * @author alisch berlec hönow <info@abh.eu>
 * @version 7.2
 *
 * Mdj View: Concert
 */

#concert__preview {
	--mask-start: calc( var( --mood-blur ) * 1.5 );
	--mask-end: calc( var( --mood-blur ) * 4.5 );

	display: block;
	z-index: 15;
	opacity: 0;

	-webkit-mask-image: linear-gradient( 0deg, transparent var( --mask-start ), black var( --mask-end ) );
	mask-image: linear-gradient( 0deg, transparent var( --mask-start ), black var( --mask-end ) );
}

.is-loaded #concert__mood,
.is-loaded #concert__preview {
	transition: opacity var( --preview-transition-duration ) cubic-bezier(0.65, 0, 0.35, 1);
}

#concert__preview:hover,
#concert__preview:active,
#concert__intro:hover + #concert__preview,
#concert__intro:active + #concert__preview {
	opacity: 1;
}

#concert__preview:hover + #concert__mood,
#concert__preview:active + #concert__mood,
#concert__intro:hover + #concert__preview + #concert__mood,
#concert__intro:active + #concert__preview + #concert__mood {
	opacity: 0;
}

#concert__preview::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background: var( --preview-background );
}

	#concert__preview > img {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}



#concert__buttons {
	--font-weight: var( --font-weight--bold );
}