@-webkit-keyframes placeholder-glow {
	50% {
		opacity: 0.2;
	}
}

@keyframes placeholder-glow {
	50% {
		opacity: 0.2;
	}
}

.card-placeholder {
	height: 400px;
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	border: solid 1px #eee;
}

.placeholder-img {
	width: 100%;
	height: 261px;
}

.placeholder {
	min-height: 1em;
	display: inline-block;
	vertical-align: middle;
	background-color: var(--prime);
	opacity: 0.5;
}

.placeholder-cols {
	background: var(--prime);
	opacity: 0.2;
	width: 100%;
	height: 13px; 
	border-radius: 
	50px; 
	margin-top: 12px;
}

.placeholder.btn::before {
	content: "";
	display: inline-block;
}

.placeholder-glow {
	-webkit-animation: placeholder-glow 2s ease-in-out infinite;
	animation: placeholder-glow 2s ease-in-out infinite;
}