.sm-pin-wrapper {
	position: relative;
}

.sm-media {
	display: block;
}

.sm-media-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
}

.sm-has-background > *:not(.sm-media-bg) {
	position: relative;
	z-index: 1;
}

.sm-shortcode-active {
	position: relative;
	width: 100%;
}

.sm-shortcode-active .sm-media {
	width: 100%;
	height: 100%;
}

.sm-fit-cover { object-fit: cover; }
.sm-fit-contain { object-fit: contain; }