.leaderboard-controls{display:flex;align-items:center;gap:20px;margin-top:10px;margin-bottom:20px}.leaderboard-tabs{display:inline-flex;background:rgba(0,0,0,.05);padding:5px;border-radius:12px}.leaderboard-tab{background:0 0;border:none;color:inherit;opacity:.7;padding:8px 24px;font-size:15px;font-weight:700;cursor:pointer;border-radius:8px;transition:all .2s ease}.leaderboard-tab:hover{opacity:1}.leaderboard-tab.active{background:#4a90e2;color:#fff!important;opacity:1;box-shadow:0 2px 5px rgba(74,144,226,.3)}.leaderboard-month-select{background:0 0;border:1px solid #4a90e2;color:inherit;padding:8px 36px 8px 16px;border-radius:8px;font-size:15px;font-weight:500;outline:0;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;min-width:150px}.leaderboard-month-select:focus{box-shadow:0 0 0 3px rgba(74,144,226,.2)}@media (prefers-color-scheme:dark){.leaderboard-tabs{background:rgba(255,255,255,.1)}}.dark .leaderboard-tabs,.night-mode .leaderboard-tabs,[data-theme=dark] .leaderboard-tabs{background:rgba(255,255,255,.1)}.dark .leaderboard-tab,.night-mode .leaderboard-tab{color:#eee}.dark .leaderboard-month-select,.night-mode .leaderboard-month-select{border-color:#4a90e2;color:#eee;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}