.leaderboardContainer{display:flex;flex-direction:column;width:90%;max-width:1200px;margin:0 auto;height:80vh;overflow-y:auto;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);position:relative;scroll-behavior:smooth}.leaderboardContainer::-webkit-scrollbar{width:10px}.leaderboardContainer::-webkit-scrollbar-track{background:#1e1e1e;border-radius:0 8px 8px 0}.leaderboardContainer::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.leaderboardContainer::-webkit-scrollbar-thumb:hover{background:#8e44ad}.leaderboardContainer .header{display:flex;flex-direction:row;align-items:center;padding:16px;background-color:#1a1a1a;color:#f5f5f5;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid #333;border-radius:8px 8px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.leaderboardContainer .header .position,.leaderboardContainer .header .displayname,.leaderboardContainer .header .currentlevel,.leaderboardContainer .header .currentxp{flex:1;text-align:center;padding:8px;transition:color .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.leaderboardContainer .header .position:hover,.leaderboardContainer .header .displayname:hover,.leaderboardContainer .header .currentlevel:hover,.leaderboardContainer .header .currentxp:hover{color:#9b59b6}.leaderboardContainer .header .position i,.leaderboardContainer .header .displayname i,.leaderboardContainer .header .currentlevel i,.leaderboardContainer .header .currentxp i{font-size:14px}.leaderboardContainer .header .position{flex:.5}.leaderboardContainer .user{display:flex;flex-direction:row;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(80,80,80,.2);transition:background-color .2s ease}.leaderboardContainer .user:last-child{border-bottom:none}.leaderboardContainer .user:hover{background-color:#2d2d2d}.leaderboardContainer .user .position,.leaderboardContainer .user .displayname,.leaderboardContainer .user .currentlevel,.leaderboardContainer .user .currentxp{flex:1;text-align:center;padding:4px;color:#b0b0b0;font-size:19px}.leaderboardContainer .user .position{flex:.5}.leaderboardContainer .user .position .medal{width:50px;height:50px;line-height:44px;text-align:center;border-radius:50%;margin:0 auto;font-weight:bold;color:#1e1e1e;background-size:contain;background-position:center;background-repeat:no-repeat;font-size:25px}.leaderboardContainer .user .displayname{text-align:left;font-weight:500;color:#f5f5f5}.leaderboardContainer #loading,.leaderboardContainer #error{padding:24px;text-align:center;color:#b0b0b0;font-size:16px}.leaderboardContainer #error{color:#e74c3c}.leaderboardContainer #data{min-height:100%}@media only screen and (max-width: 950px){.leaderboardContainer{width:95%;height:75vh}.leaderboardContainer .header{padding:12px 8px}.leaderboardContainer .header .position,.leaderboardContainer .header .displayname,.leaderboardContainer .header .currentlevel,.leaderboardContainer .header .currentxp{font-size:14px;padding:4px}.leaderboardContainer .header .position{flex:.5}.leaderboardContainer .user{padding:10px 8px}.leaderboardContainer .user .position,.leaderboardContainer .user .displayname,.leaderboardContainer .user .currentlevel,.leaderboardContainer .user .currentxp{font-size:14px}.leaderboardContainer .user .position{flex:.5}.leaderboardContainer .user .position .medal{width:28px;height:28px;line-height:28px}}.user:has(.position .medal[style*="1st.svg"]){background:rgba(255,230,0,.1) !important}.user:has(.position .medal[style*="2nd.svg"]){background:rgba(206,206,206,.1) !important}.user:has(.position .medal[style*="3rd.svg"]){background:rgba(195,100,0,.1) !important}@media only screen and (max-width: 600px){.leaderboardContainer{width:98%}.leaderboardContainer .header{padding:10px 4px}.leaderboardContainer .header .position,.leaderboardContainer .header .displayname,.leaderboardContainer .header .currentlevel,.leaderboardContainer .header .currentxp{font-size:12px;padding:2px}.leaderboardContainer .header .position i,.leaderboardContainer .header .displayname i,.leaderboardContainer .header .currentlevel i,.leaderboardContainer .header .currentxp i{font-size:12px}.leaderboardContainer .header .position{flex:.5}.leaderboardContainer .user{padding:8px 4px}.leaderboardContainer .user .position,.leaderboardContainer .user .displayname,.leaderboardContainer .user .currentlevel,.leaderboardContainer .user .currentxp{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboardContainer .user .position{flex:.5}.leaderboardContainer .user .position .medal{width:34px;height:34px}.user .position:has(.medal[style*="1st.svg"])~.displayname,.user .position:has(.medal[style*="2nd.svg"])~.displayname,.user .position:has(.medal[style*="3rd.svg"])~.displayname{font-size:16px !important}.leaderboardContainer .user .position .medal{font-size:18px;line-height:30px}}/*# sourceMappingURL=battlepass-leaderboard.css.map */