.ss-showcase {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: var(--ss-showcase-gap, 24px);
}
.ss-showcase__card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: var(--ss-showcase-padding, 20px);
	border: 1px solid var(--ss-showcase-border, #ddd);
	border-radius: var(--ss-showcase-radius, 4px);
	background: var(--ss-showcase-background, #fff);
	color: var(--ss-showcase-color, #222);
}
.ss-showcase__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: var(--ss-showcase-image-ratio, 4 / 3);
	object-fit: contain;
}
.ss-showcase__title { margin: 16px 0 8px; font-size: 1.4em; color: inherit; }
.ss-showcase__description { margin: 0 0 16px; }
.ss-showcase__link { margin-top: auto; color: inherit; text-decoration: underline; }
.ss-showcase__link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.ss-showcase__card[hidden], .ss-showcase__controls[hidden] { display: none; }
.ss-showcase--carousel.is-enhanced { display: block; }
.ss-showcase__controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; padding: 12px 0; }
.ss-showcase__controls button { font: inherit; color: inherit; background: transparent; border: 1px solid currentColor; padding: 6px 10px; cursor: pointer; }
.ss-showcase__controls button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) {
	.ss-showcase--carousel.is-enhanced .is-active { animation: ss-showcase-fade .7s ease; }
	.ss-showcase--carousel.is-enhanced:not(.is-paused) .is-active .ss-showcase__image { animation: ss-showcase-zoom 9s ease-out both; }
}
@keyframes ss-showcase-fade { from { opacity: .35; } to { opacity: 1; } }
@keyframes ss-showcase-zoom { from { transform: scale(1); } to { transform: scale(1.06); } }
.ss-showcase .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}
