.sms-user-badges {
	display: inline-flex;
	max-width: 100%;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
}

.sms-user-badge {
	--sms-badge-start: #08c9b5;
	--sms-badge-end: #7538f4;
	--sms-badge-text: #fff;
	display: inline-flex;
	min-height: 24px;
	padding: 4px 9px;
	align-items: center;
	gap: 5px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 999px;
	background: linear-gradient(110deg, var(--sms-badge-start), var(--sms-badge-end));
	box-shadow: 0 4px 10px rgba(30, 40, 70, .16);
	color: var(--sms-badge-text) !important;
	font-family: inherit;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none !important;
	vertical-align: middle;
}

.sms-user-badge i {
	font-size: 11px;
	font-style: normal;
	line-height: 1;
}

.sms-user-badge img {
	display: block;
	width: 14px;
	height: 14px;
	object-fit: contain;
}

.sms-user-badge--icon-only {
	width: 34px;
	height: 34px;
	min-height: 34px;
	padding: 0;
	justify-content: center;
	border-radius: 50%;
}

.sms-user-badge--icon-only i {
	font-size: 14px;
}

.sms-user-badge--icon-only img {
	width: 18px;
	height: 18px;
}

.sms-user-badge strong {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

.sms-user-badges--profile {
	display: flex;
	margin-top: 8px;
}

.sms-user-badges--members {
	display: flex;
	margin: 6px 0 0;
	justify-content: center;
}

.sms-member-card__badges {
	position: absolute;
	z-index: 5;
	top: 12px;
	right: 12px;
	display: flex;
	max-width: calc(100% - 24px);
	align-items: flex-end;
	flex-direction: column;
	gap: 6px;
}

.sms-member-card__badges .sms-user-badges--members {
	margin: 0;
	justify-content: flex-end;
}

/* Remove the retired hard-coded crown and favorite control from older card markup too. */
.sms-member-card > .sms-member-card__membership,
.sms-member-card > .sms-member-card__favorite {
	display: none !important;
}

.sms-user-badge--context-activities {
	min-height: 27px;
	padding: 5px 9px;
	font-size: 10px;
}

.sms-user-badges--admin {
	margin-top: 5px;
}

.sms-event-card__badge.has-central-badge {
	display: block;
	width: auto;
	height: auto;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.sms-event-card__badge.has-central-badge .sms-user-badge {
	box-shadow: 0 5px 14px rgba(17, 24, 39, .2);
}

.sms-activity-badge-tooltip {
	position: fixed;
	z-index: 1000000;
	width: max-content;
	max-width: min(290px, calc(100vw - 24px));
	padding: 9px 12px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 9px;
	background: #172033;
	box-shadow: 0 10px 28px rgba(23, 32, 51, .24);
	color: #fff;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	pointer-events: none;
	opacity: 0;
	transform: translateY(3px);
	transition: opacity .1s ease, transform .1s ease;
	white-space: normal;
}

.sms-activity-badge-tooltip.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.sms-activity-badge-tooltip[hidden] {
	display: none;
}

@media (max-width: 480px) {
	.sms-user-badge {
		padding: 4px 7px;
		font-size: 9px;
	}
}