body,html{height:100%}.header,.loader{align-items:center}.loader,h1{font-weight:800}body{font-family:'Open Sans',sans-serif;color:#fff;overflow:overlay}body::-webkit-scrollbar{width:12px;background-color:rgba(0,0,0,0)}body::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.5)}.hidden-scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}body::-webkit-scrollbar-track{opacity:1;border-radius:10px;background-color:rgba(0,0,0,0)}.background-image{position:fixed;background-size:cover;background-repeat:no-repeat;background-position:50% 20%;top:0;left:0;right:0;bottom:0;z-index:-1}.container{min-width:320px;max-width:1200px;margin:auto}.header{display:flex}h1{color:inherit;font-size:36px;text-align:center;flex:1}.brand-logo{display:block;top:15px;left:15px;width:250px;height:65px;background-size:contain;background-repeat:no-repeat;background-position:left center;margin:15px}.panel{border-width:42px;border-style:solid;border-image-slice:42 fill;display:block;max-width:800px;min-height:500px;margin:auto;position:relative}.panel-container{box-sizing:border-box;padding:0 30px 30px}.loader{font-size:28px;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;opacity:1;animation:1s ease-in-out infinite alternate loader-fade;text-transform:uppercase}@keyframes loader-fade{0%{opacity:.7}100%{opacity:.2}}.leaderboard-rows{padding:0;margin:0}.leaderboard-row-container{padding:0 20px 10px;list-style:none}.leaderboard-row{display:flex;width:100%;align-items:center;justify-content:space-between;box-sizing:border-box;margin-bottom:10px}.leaderboard-row-divider{display:block;width:90%;margin-left:10%;background-color:#fff;height:2px;opacity:.2}.leaderboard-row .column{text-align:left;font-size:28px;font-weight:600}.leaderboard-row .column:last-child{margin-right:0}.leaderboard-row .column.rank{flex-basis:10%}.leaderboard-row .column.name{flex:2;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;margin-top:4px}.leaderboard-row .name2.small{font-size:24px}.leaderboard-row .column.score{text-align:right;flex-shrink:0}.leaderboard-row .column.number{font-size:32px;font-weight:800}@media screen and (max-width:700px){h1{font-size:28px}.header{display:block}.brand-logo{width:100%;background-position:center center;margin:15px 0 0}.brand-logo.spacer{display:none}.leaderboard-row .column{font-size:21px}.leaderboard-row .column.number,.loader{font-size:24px}.leaderboard-row .name2.small{font-size:18px}.panel-container{padding:10px}.leaderboard-row-container{padding:0 0 10px}.leaderboard-row{margin-bottom:10px}}@media screen and (max-width:500px){h1{font-size:24px}.leaderboard-row .column{font-size:16px;margin-right:10px}.leaderboard-row .column.number,.loader{font-size:18px}.leaderboard-row .name2.small{font-size:13px}.panel-container{padding:0}.panel{min-height:300px}.leaderboard-row-container{padding:0 0 5px}.leaderboard-row{margin-bottom:5px}.leaderboard-row-divider{width:calc(90% - 10px);margin-left:calc(10% + 10px);height:1px}}