.rrphdr-badge-host {
	position: relative !important;
	isolation: isolate;
}

/* BuddyBoss renders feed media as an anchor around the image. An absolutely
 * positioned child inside an inline anchor can use a different containing box
 * in Firefox/WebKit than it does in Chromium. Give the media link one definite
 * block box so the badge is always anchored to the image area. */
.bb-rl-entry-img.rrphdr-badge-host,
.bb-open-media-theatre.rrphdr-badge-host,
.rrpc-open-media.rrphdr-badge-host {
	display: block !important;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.rrphdr-badge {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 31px;
	height: 20px;
	padding: 0 7px;
	border: 1px solid rgba(255, 255, 255, 0.58);
	border-radius: 999px;
	background: rgba(8, 10, 14, 0.76);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	pointer-events: none;
}