.ai-media-label__wrapper {
	position: relative;
	display: inline-block;
	max-width: 100%;
	line-height: 0;
	vertical-align: middle;
}

.ai-media-label__wrapper > img,
.ai-media-label__wrapper > picture,
.ai-media-label__wrapper > picture > img {
	display: block;
	max-width: 100%;
}

/*
 * Elementor post grids position ratio-based thumbnails absolutely. Keep the
 * original thumbnail as their containing block so wrapping does not hide them.
 */
.elementor-post__thumbnail > .ai-media-label__wrapper {
	position: static;
	display: block;
	width: 100%;
	max-width: none;
	line-height: inherit;
}

.ai-media-label__badge {
	position: absolute;
	right: 6px;
	bottom: 6px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	padding: 3px 6px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	background: rgba(20, 24, 31, 0.68);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	pointer-events: none;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

.ai-media-label__background {
	position: relative;
}

.ai-media-label__background::after {
	position: absolute;
	right: 6px;
	bottom: 6px;
	z-index: 20;
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	padding: 3px 6px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	background: rgba(20, 24, 31, 0.68);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
	color: #fff;
	content: attr(data-ai-media-label);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	pointer-events: none;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}
@media (max-width: 480px) {
	.ai-media-label__badge,
	.ai-media-label__background::after {
		right: 4px;
		bottom: 4px;
		padding: 2px 5px;
		font-size: 9px;
	}
}