/* Shared media shape system. Apply `bpt-media bpt-media--{shape}` to a media wrapper. */
.bpt-media {
	overflow: hidden;
	border-radius: var(--bpt-media-radius, 0);
}

.bpt-media img,
.bpt-media picture,
.bpt-media video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bpt-media--square { --bpt-media-radius: 0; }
.bpt-media--rounded { --bpt-media-radius: var(--bpt-radius-md); }
.bpt-media--soft { --bpt-media-radius: var(--bpt-radius-lg); }
.bpt-media--pill { --bpt-media-radius: var(--bpt-radius-pill); }

.bpt-media--circle {
	--bpt-media-radius: 50%;
	aspect-ratio: 1 / 1;
}