.ppxLeaderboardSplit,
.ppxPastLeadersSplit {
	display: grid;
	gap: 20px;
	margin-bottom: 20px;
}

#ipsTabs_leaderboard,
#ipsTabs_powerpackextraLeaderboard {
	background: var(--i-background_1);
}

#ipsTabs_leaderboard [role='tablist'],
#ipsTabs_powerpackextraLeaderboard [role='tablist'] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px;
	background: var(--i-background_2);
	border-bottom: 1px solid var(--i-box--bo-co);
}

#ipsTabs_leaderboard .ipsTabs__tab,
#ipsTabs_powerpackextraLeaderboard .ipsTabs__tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 10px 16px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: transparent;
	color: var(--i-color_soft);
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

#ipsTabs_leaderboard .ipsTabs__tab:hover,
#ipsTabs_leaderboard .ipsTabs__tab:focus-visible,
#ipsTabs_powerpackextraLeaderboard .ipsTabs__tab:hover,
#ipsTabs_powerpackextraLeaderboard .ipsTabs__tab:focus-visible {
	background: var(--i-background_1);
	border-color: var(--i-box--bo-co);
	color: var(--i-color_hard);
}

#ipsTabs_leaderboard .ipsTabs__tab[aria-selected='true'],
#ipsTabs_powerpackextraLeaderboard .ipsTabs__tab[aria-selected='true'] {
	background: var(--i-background_1);
	border-color: var(--i-box--bo-co);
	color: var(--i-color_hard);
	box-shadow: inset 0 0 0 1px var(--i-box--bo-co);
}

#ipsTabs_leaderboard .ipsTabs__tab[aria-selected='true'] i,
#ipsTabs_powerpackextraLeaderboard .ipsTabs__tab[aria-selected='true'] i {
	color: var(--i-primary);
}

.ppxLeaderboardSection,
.ppxPastLeadersSection {
	scroll-margin-top: 90px;
}

.ppxLeaderboardSection .ipsBox__header,
.ppxPastLeadersSection .ipsBox__header {
	background: var(--i-background_2);
	border-bottom: 1px solid var(--i-box--bo-co);
}

.ppxLeaderboardSection .ipsBox__header .ipsTitle,
.ppxPastLeadersSection .ipsBox__header .ipsTitle,
.ppxLeaderboardSection__followupWrap .ipsTitle {
	color: var(--i-color_hard);
}

.ppxLeaderboardSection .ipsMembers > li,
.ppxPastLeadersSection .cPastLeaders > li {
	background: var(--i-background_1);
	border: 1px solid var(--i-box--bo-co);
	border-radius: 14px;
}

.ppxLeaderboardSection .ipsPhotoPanel__secondary,
.ppxPastLeadersSection .ipsPhotoPanel__secondary,
.ppxLeaderboardSection .i-color_soft,
.ppxPastLeadersSection .i-color_soft {
	color: var(--i-color_soft);
}

.ppxLeaderboardSection .ipsTitle,
.ppxPastLeadersSection .ipsTitle,
.ppxLeaderboardSection .i-color_hard,
.ppxPastLeadersSection .i-color_hard {
	color: var(--i-color_hard);
}

.ppxLeaderboardSection__featured,
.ppxLeaderboardSection__followup {
	margin: 0;
}

.ppxLeaderboardSection__followupWrap {
	border-top: 1px solid var(--i-box--bo-co);
	background: var(--i-background_2);
}

.ppxLeaderboardSection__followupWrap .ipsMembers > li {
	background: var(--i-background_1);
}

.ppxLeaderboardSection__followup .ipsCoverPhoto__container {
	min-height: 96px;
}

.ppxLeaderboardSection__followup .ipsButtons {
	gap: 8px;
}

.ppxLeaderboardSection__followup .ipsButton {
	min-height: 36px;
}

.ppxPastLeadersSection .ipsButtonBar {
	padding: 16px 16px 0;
}

.ppxPastLeadersSection__grid {
	margin: 0;
	padding: 16px;
}

@media (max-width: 767px) {
	#ipsTabs_leaderboard [role='tablist'],
	#ipsTabs_powerpackextraLeaderboard [role='tablist'] {
		gap: 6px;
		padding: 10px;
	}

	#ipsTabs_leaderboard .ipsTabs__tab,
	#ipsTabs_powerpackextraLeaderboard .ipsTabs__tab {
		flex: 1 1 140px;
		padding: 10px 12px;
	}

	.ppxLeaderboardSplit,
	.ppxPastLeadersSplit {
		gap: 16px;
	}

	.ppxLeaderboardSection__followupWrap {
		padding-bottom: 12px;
	}

	.ppxPastLeadersSection__grid {
		padding: 12px;
	}
}