.sf-media-placeholder,
.sf-svc-card-placeholder {
	color: var(--sf-label);
	background: var(--sf-bg-alt);
	border-radius: var(--image-radius);
	border: var(--card-border-width) dashed var(--sf-border);
	min-height: 12rem;
	overflow: hidden;
	place-items: center;
	display: grid;
}

.sf-media-placeholder svg,
.sf-svc-card-placeholder svg {
	height: clamp(2rem, 8vw, 4rem);
	width: clamp(2rem, 8vw, 4rem);
}

.sf-media-placeholder img,
.sf-svc-card-placeholder img {
	object-fit: cover;
	max-height: 28rem;
	height: 100%;
	width: 100%;
}