@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

  .slider {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .slides {
    display: flex;
    transition: transform 0.6s ease-in-out;
  }

  .slides img {
    width: 100%;
    flex-shrink: 0;
  }


  
/* CSS */
.button-imported {
 background-color: #ffeb01;
 border: none;
 padding: 0.3rem 0;
 font-size: 0.9rem;
 font-weight: 700;
 width: 9em;
 border-radius: 1rem;
 color: black;
 box-shadow: 0 0.4rem #dfd9d9;
 cursor: pointer;
}

.button-imported:active {
 color: white;
 box-shadow: 0 0.2rem #dfd9d9;
 transform: translateY(0.2rem);
}

.button-imported:hover:not(:disabled) {
 background: #0065b9;
 color: white;
 text-shadow: 0 0.1rem #bcb4b4;
}

.button-imported:disabled {
 cursor: auto;
 color: grey;
}
.button-imported-blue {
 background-color: #252e81;
 border: none;
 padding: 0.3rem 0;
 font-size: 0.9rem;
 font-weight: 700;
 width: 9em;
 border-radius: 1rem;
 color: rgb(255, 255, 255);
 box-shadow: 0 0.4rem #dfd9d9;
 cursor: pointer;
}

.button-imported-blue:active {
 color: rgb(0, 0, 0);
 box-shadow: 0 0.2rem #dfd9d9;
 transform: translateY(0.2rem);
}

.button-imported-blue:hover:not(:disabled) {
 background: #ffeb01;
 color: rgb(0, 0, 0);
 text-shadow: 0 0.1rem #bcb4b4;
}

.button-imported-blue:disabled {
 cursor: auto;
 color: grey;
}


.btn-sub{
  background: #f2f2f2;border-radius: 1rem;color: #000000;font-weight: 400;border: none;font-size: 0.8em;
}

.btn-close-sub{
    background: #e2e1e1;
    color: black;
    border: none;
}
body{background:#ffffffff;min-height:100vh;font-family:'Source Sans 3',Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;padding:0}.leaderboard-container{background:#fbfbfb;border-radius:1.5rem;width:100%;max-width:400px;box-shadow:0 3px 6px rgba(0,0,0,.1),0 12px 20px rgba(0,0,0,.1);overflow:hidden}@media (min-width:768px){.leaderboard-container{max-width:800px}.top-three{padding:1.5rem 2rem 2.5rem 2rem}.top-three .user img{width:120px;height:120px}.top-three .user.center img{width:150px;height:150px}.leaderboard-list{max-height:800px}.user-info img{width:7rem;height:7rem}}@media (min-width:1200px){.leaderboard-container{max-width:1200px}}.header-icons{background: #ffffff;font-size:1.1rem;padding:1rem 1rem 0 1rem;display:flex;justify-content:space-between;color:#333;user-select:none}.leaderboard-title{font-weight:700;font-size:1.5rem;padding:0 1.5rem;margin-bottom:0;margin-top:15px;user-select:none}.top-three{background:#fff;border-radius:1rem;margin:1rem;padding:1.2rem 1rem 2rem 1rem;box-shadow:0 3px 10px rgb(0 0 0 / .05);user-select:none}.top-three .user{text-align:center;flex:1 1 0;position:relative;display:flex;flex-direction:column;align-items:center}.top-three .user img{width:72px;height:72px;object-fit:cover;border-radius:50%;border:3px solid transparent;margin-bottom:.5rem;background-color:#f0f0f0;transition:border-color .3s ease}.top-three .user.center img{width:96px;height:96px;border-width:4px}.top-three .username{font-weight:600;font-size:1rem;margin-bottom:2px;color:#111}.top-three .handle{font-size:.75rem;color:#999}.leaderboard-list{max-height:800px;overflow-y:auto;background:#fff;border-radius:1rem;margin:1rem;padding:0;box-shadow:0 3px 12px rgb(0 0 0 / .06)}.leaderboard-list ul{list-style:none;padding:10px 0;margin:0}.leaderboard-list li{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;border-bottom:1px solid #eee;user-select:none;gap:10px}.leaderboard-list li:last-child{border-bottom:none}.leaderboard-list li.active{background:#0d6efd;color:#fff;font-weight:600;border-radius:1rem;box-shadow:0 8px 12px rgb(13 110 253 / .3)}.leaderboard-list li.active .handle,.leaderboard-list li.active .username{color:#fff!important}.user-info{display:flex;align-items:center;flex:1 1 auto;gap:1rem;min-width:0}.user-info img{width:7rem;height:7rem;border-radius:50%;object-fit:cover;flex-shrink:0;background-color:#efefef}.username{font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#222}.handle{color:#999;font-size:.85rem;white-space:nowrap}@media (max-width:440px){.top-three .user img{width:60px;height:60px}.top-three .user.center img{width:80px;height:80px}.leaderboard-container{max-width:100%}.leaderboard-list li{padding:.5rem 1rem;font-size:.9rem}.user-info img{width:7rem;height:7rem}}@media (max-width:360px){.leaderboard-list li{flex-direction:column;align-items:flex-start}.user-info{width:100%}}.handle,.username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:400px) and (min-width:361px){.username{font-size:.9rem}.user-info img{width:7rem;height:7rem}.leaderboard-list li{gap:.5rem;padding:.5rem 1rem}}.divider-container hr{flex-grow:1;border-top:1.5px solid #bbb;margin:0 1rem}.divider-container span{font-weight:600;font-size:.9rem;color:#555;white-space:nowrap}.footer-a-link{text-decoration:none;color:#000;font-weight:600}.copyright{font-size:.6rem}