.xpSubtitle {
	display: flex;
	align-items: center;
	gap: 2px;
}

.xpIcon {
	width: 14px;
	height: 14px;
}

.tierBadge {
	margin-left: auto;
	flex-shrink: 0;
}

.upcomingDivider {
	display: flex;
	align-items: center;
	gap: var(--s-2);
	padding: var(--s-1) var(--s-2);
	font-size: var(--font-3xs);
	color: var(--color-text-high);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.upcomingDivider::before,
.upcomingDivider::after {
	content: "";
	flex: 1;
	border-top: 1px solid var(--color-border);
}