.lfmvCard a {
	color: inherit;
	text-decoration: inherit;
}

.lfmvCard,
.lfmvCard img,
.lfmvCard figure,
.lfmvCard div {
	animation: born-animate 0.5s ease-in-out alternate;
}

@keyframes born-animate {
	from {
		scale: 0.98;
		opacity: 0.2;
		translate: 0 -2%;
	}
	to {
		opacity: 1;
		scale: 1;
		translate: 0 0;
	}
}

.lfmvCard {
	@apply glass relative mx-auto box-border flex h-full w-full flex-col rounded-lg p-4 shadow-xl ring-2 ring-slate-950/5;

	figure {
		@apply mx-auto mb-2 h-auto overflow-hidden rounded-lg border-inherit;

		img {
			@apply block h-full w-full overflow-hidden object-cover align-middle;
		}
	}

	.cardBody {
		@apply flex h-min flex-col gap-1 drop-shadow-lg filter;
	}

	.titleSkeleton {
		@apply mx-auto h-3 w-1/2;
	}

	.trackTitle {
		@apply mt-1 text-center text-xs font-bold sm:mx-auto sm:text-base;
	}

	.infoSpan {
		@apply flex items-center justify-center gap-1;
	}
}