body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.user-item{align-items:center;display:flex;gap:10px;margin:10px 0 0 70px;padding:10px;position:relative}.user-item.active{color:#a100ff}.user-item:hover{background:rgba(75,75,75,.06);cursor:pointer}.user-item span{font-size:20px;font-weight:700}.user-item .avatar{border-radius:50%;height:40px;width:40px}.user-item .avatar svg{height:100%;width:100%}.user-item .user-details .name{font-weight:700}.user-item .user-details .statistic{display:flex;gap:5px}.user-item .user-details .statistic .speed{color:#a100ff}@media screen and (max-width:340px){.user-item .user-details .statistic .speed{font-size:12px}}.user-item .user-details .statistic .time{color:#0909c0}@media screen and (max-width:340px){.user-item .user-details .statistic .time{font-size:12px}}#user-span{color:#000;left:-55px;position:absolute;transition:color .3s ease}#user-span:hover{color:purple}.avatar{position:relative}.avatar:before{border:2px solid purple;border-radius:50%;content:"";height:45px;left:-4.5px;opacity:0;pointer-events:none;position:absolute;top:-3.5px;transition:opacity .3s ease;width:45px}.user-item.active .avatar:before{opacity:1}.leaderboard{border:1px solid #000;height:500px;margin:50px auto 0;max-width:1024px;overflow:auto;padding:10px}.leaderboard .users-container{display:flex;flex-direction:column}
/*# sourceMappingURL=main.5bff6086.css.map*/