<article class="mt-card">
	<div class="mt-card__posterWrap">
		[xfgiven_mp3]<div class="mt-card__label"><a href="/?do=ringtonetags">Ringtones</a></div>[/xfgiven_mp3]
		[xfnotgiven_mp3][xfgiven_video_url]<div class="mt-card__label"><a href="/?do=videotags">Video</a></div>[/xfgiven_video_url][/xfnotgiven_mp3]
		[xfnotgiven_mp3][xfnotgiven_video_url][xfgiven_wallpaper]<div class="mt-card__label"><a href="/?do=wallpapertags">Wallpapers</a></div>[/xfgiven_wallpaper][/xfnotgiven_video_url][/xfnotgiven_mp3]
		<a class="mt-card__poster img-responsive img-responsive--portrait img-fit-cover js-video-cover-wrap" href="{full-link}">
			[xfgiven_image_url_poster]<img data-src="[xfvalue_image_url_poster]" src="[xfvalue_image_url_poster]" alt="{title}">[/xfgiven_image_url_poster]
			[xfnotgiven_image_url_poster][xfnotgiven_mp3]<img data-src="{image-1}" src="{THEME}/dleimages/no_image.jpg" alt="{title}">[/xfnotgiven_mp3][/xfnotgiven_image_url_poster]
			[xfgiven_mp3]<div class="mt-audioPosterFallback" aria-hidden="true"></div><div class="mt-p5viz" aria-hidden="true"></div>[/xfgiven_mp3]
			[rating-type-1]<span class="mt-card__rating">{ratingscore}</span>[/rating-type-1]
			[xfgiven_video_url]
			<div class="mt-videoFallback" aria-hidden="true"><span class="fal fa-play"></span></div>
			<video class="mt-videoCover js-video-cover" muted playsinline loop preload="none" data-preview="1" data-prime="viewport" aria-hidden="true">
				<source data-src='[xfvalue_video_url video-url="1"]' type="video/mp4">
			</video>
			[/xfgiven_video_url]
		</a>
		[xfgiven_mp3]
		<div class="mt-card__audioSrc js-audio-src">[xfvalue_mp3 audio-url="1"]</div>
		<button class="mt-card__audioBtn js-audio-toggle" type="button" aria-label="Play ringtone">
			<span class="fal fa-play"></span>
		</button>
		[/xfgiven_mp3]
	</div>
	<div class="mt-card__body">
		<h3 class="mt-card__title"><a href="{full-link}">{title}</a></h3>
		<div class="mt-card__meta ws-nowrap">{link-category}</div>
		<div class="mt-card__desc line-clamp">{short-story limit="140"}</div>
		<div class="mt-card__actions d-flex ai-center">
			[xfgiven_mp3]<div class="mt-card__downloads ws-nowrap"><span class="fal fa-download"></span>[xfvalue_mp3 audio-downloads="1"]</div>[/xfgiven_mp3]
			[xfnotgiven_mp3]<div class="mt-card__downloads ws-nowrap"><span class="fal fa-download"></span>{downloads}</div>[/xfnotgiven_mp3]
			<div class="mt-card__views ws-nowrap"><span class="fal fa-eye"></span>{views}</div>
		</div>
	</div>
</article>