/* Shared styles extracted from the existing leaderboard selector. */
.leaderboard-toggle.leaderboard-referral {
    margin-bottom: -5px;
    color: var(--gge-ui-text-ffffff, #fff);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'Montserrat';
    border: 0;
    border-top: 2px solid var(--gge-ui-border-00baef, #00baef);
    border-radius: 0;
    box-shadow: none;
    background: linear-gradient(180deg, rgba(var(--gge-ui-surface-1bb3fe-rgb, 27,179,254), 0.090196) 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
}
.leaderboard-toggle-new {
    width: 700px;
    max-width: 100%;
    min-width: 0;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    gap: 0;
    font-family: 'Montserrat';
}
.leaderboard-button-new {
    background: none;
    width: 100%;
    height: 100%;
    padding: 20px;
    font-weight: 700;
    color: var(--gge-ui-text-434343, #434343);
    font-family: 'Montserrat';
    font-size: 20px;
    border-left: 0px solid var(--gge-ui-border-ffffff, #fff);
    border-right: 0px solid var(--gge-ui-border-ffffff, #fff);
    cursor: pointer;
    transition: .4s;
    filter: grayscale(100%);
    opacity: 0.4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* border-bottom: 2px solid var(--gge-ui-border-a586ff, #a586ff); */
    border-radius: 0px;
}
.leaderboard-button-active-new {
    color: var(--gge-ui-text-ffffff, #ffffff);
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    filter: grayscale(0%);
    opacity: 1;
    /* background: linear-gradient(0deg, rgba(var(--gge-ui-surface-a585fe-rgb, 165,133,254), 5%) 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%); */
}
.leaderboard-button-new:hover {
    background: none;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 0px;
    font-weight: 700;
    color: var(--gge-ui-text-ffffff, #ffffff);
    font-family: 'Montserrat';
    font-size: 20px;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    filter: grayscale(0%);
    opacity: 1;
}
#toggle-raingg {
	background: none;
    transition: all .4s;
    border-bottom: 2px solid var(--gge-ui-border-ffffff, #fff);
}
#toggle-raingg:hover {
    background: linear-gradient(0deg, rgb(255 152 0 / 5%) 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
	border-bottom: 2px solid #FF9800;
}
#toggle-raingg.leaderboard-button-active-new {
    background: linear-gradient(0deg, rgb(255 152 0 / 5%) 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
	border-bottom: 2px solid #FF9800;
}
#toggle-lootbox {
	background: none;
    transition: all .4s;
    border-bottom: 2px solid var(--gge-ui-border-ffffff, #fff);
}
#toggle-lootbox:hover {
    background: linear-gradient(0deg, rgb(255 152 0 / 5%) 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
	border-bottom: 2px solid #FF9800;
}
#toggle-lootbox.leaderboard-button-active-new {
    background: linear-gradient(0deg, rgb(255 152 0 / 5%) 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
	border-bottom: 2px solid #FF9800;
}
#toggle-clash {
	background: none;
    transition: all .4s;
    border-bottom: 2px solid var(--gge-ui-border-ffffff, #fff);
}
#toggle-clash:hover {
    background: linear-gradient(0deg, rgb(255 152 0 / 5%) 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
	border-bottom: 2px solid #FF9800;
}
#toggle-clash.leaderboard-button-active-new {
    background: linear-gradient(0deg, rgb(255 152 0 / 5%) 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
	border-bottom: 2px solid #FF9800;
}
#toggle-roobet {
	background: none;
    transition: all .4s;
    border-bottom: 2px solid var(--gge-ui-border-ffffff, #fff);
}
#toggle-roobet:hover {
	background: linear-gradient(0deg, #8f65d91a 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
	border-bottom: 2px solid #8f65d9;
}
#toggle-roobet.leaderboard-button-active-new {
	background: linear-gradient(0deg, #8f65d91a 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
	border-bottom: 2px solid #8f65d9;
}
#toggle-500 {
	background: none;
    transition: all .4s;
    border-bottom: 2px solid var(--gge-ui-border-ffffff, #fff);
}
#toggle-500:hover {
	background: linear-gradient(0deg, #fe617c1c 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
    border-bottom: 2px solid #fe617c;
}
#toggle-500.leaderboard-button-active-new {
    background: linear-gradient(0deg, #fe617c1c 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
    border-bottom: 2px solid #fe617c;
}
#toggle-hacksaw {
	background: none;
    transition: all .4s;
    border-bottom: 2px solid var(--gge-ui-border-ffffff, #fff);
}
#toggle-hacksaw:hover {
	background: linear-gradient(0deg, #fe617c1c 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
    border-bottom: 2px solid #fe617c;
}
#toggle-hacksaw.leaderboard-button-active-new {
    background: linear-gradient(0deg, #fe617c1c 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
    border-bottom: 2px solid #fe617c;
}
#toggle-500-bookie {
	background: none;
    transition: all .4s;
    border-bottom: 2px solid var(--gge-ui-border-ffffff, #fff);
}
#toggle-500-bookie:hover {
	background: linear-gradient(0deg, #fe617c1c 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
    border-bottom: 2px solid #fe617c;
}
#toggle-500-bookie.leaderboard-button-active-new {
    background: linear-gradient(0deg, #fe617c1c 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
    border-bottom: 2px solid #fe617c;
}
#toggle-hypedrop {
	background: none;
    transition: all .4s;
    border-bottom: 2px solid var(--gge-ui-border-ffffff, #fff);
}
#toggle-hypedrop:hover {
    background: linear-gradient(0deg, rgba(var(--gge-ui-surface-76c3fd-rgb, 118,195,253), 6%) 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
    border-bottom: 2px solid var(--gge-ui-border-72c7fd, #72c7fd);
}
#toggle-hypedrop.leaderboard-button-active-new {
    background: linear-gradient(0deg, rgba(var(--gge-ui-surface-76c3fd-rgb, 118,195,253), 6%) 0%, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0%) 100%);
    border-bottom: 2px solid var(--gge-ui-border-72c7fd, #72c7fd);
}
	.leaderboard-button-new > img {
		transition: all .4s;
		scale: 1.0;
	}
	.leaderboard-button-active-new > img {
		transition: all .4s;
		scale: 1.3;
	}

/* Links reuse the existing logo selector, including its active underline. */
.leaderboard-toggle-new a.leaderboard-button-new { flex: 1 1 0; min-width: 0; text-decoration: none; }
.leaderboard-toggle-new a.leaderboard-button-new:focus-visible { outline: 2px solid #fe617c; outline-offset: -4px; }
.leaderboard-toggle-new a.leaderboard-button-new > img { max-width: 100%; object-fit: contain; }
:is(#toggle-halloween, [data-leaderboard-heading]) { border-bottom: 2px solid var(--gge-ui-border-ffffff, #fff); }
#toggle-halloween { color: #ffad70; }
#toggle-halloween:hover,
#toggle-halloween.leaderboard-button-active-new { border-bottom-color: #ff9c54; background: linear-gradient(0deg, #ff9c541c, rgba(var(--gge-ui-surface-101010-rgb, 16,16,16), 0.0) 100%); color: #ffbd8c; }
.leaderboard-halloween-mark { display: block; width: 122px; max-width: 100%; font-size: 15px; font-weight: 700; line-height: 1.35; letter-spacing: 1px; text-align: center; }
.leaderboard-halloween-mark small { display: block; font-size: 10px; letter-spacing: 4px; }
@media (max-width: 767px) {
    .leaderboard-toggle-new { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; align-items: stretch; }
    .leaderboard-toggle-new a.leaderboard-button-new { height: auto; }
}
@media (max-width: 400px) {
    .leaderboard-toggle-new a.leaderboard-button-new { padding-inline: 12px; }
    .leaderboard-halloween-mark { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    .leaderboard-toggle-new .leaderboard-button-new,
    .leaderboard-toggle-new .leaderboard-button-new > img { transition: none; }
}