@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap);::-webkit-scrollbar{display:none}body{background-color:#25292c;color:#fff;font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;margin:2rem}a{color:#4ffd80;text-decoration:none;transition:.2s}a:hover{color:#75ebbb}.container{margin:0 auto;max-width:1200px}.navbar .nav-container{align-items:center;display:flex;justify-content:space-between}.navbar .nav-container .logo img{height:70px;width:70px}.navbar .nav-container .buttons{display:flex;font-size:1.5rem}.navbar .nav-container .buttons .button{margin-left:2rem;transition:.2s}.navbar .nav-container .buttons .button a{color:#fff}.navbar .nav-container .buttons .button:hover{opacity:.7}.navbar .nav-container .buttons .logout{color:#ed4245}.profile .userbar{align-items:flex-end;display:flex;justify-content:space-between;margin-top:5rem}.profile .userbar .avatar{display:flex}.profile .userbar .avatar img{border-radius:50%;height:130px;margin-right:30px;width:130px}@media(max-width:900px){.profile .userbar .avatar img{height:80px;width:80px}}.profile .userbar .info{align-items:flex-start;display:flex;flex-direction:column;height:100%}.profile .userbar .info .row{width:100%}.profile .userbar .name{font-size:3rem;font-weight:700;height:100%;margin:0;overflow:hidden;white-space:nowrap}.profile .userbar .name .tag{color:gray}@media(max-width:900px){.profile .userbar .name{font-size:1.8rem;max-width:150px}}.profile .userbar .row{align-items:baseline;display:flex}.profile .userbar .float{display:flex;height:100%}.profile .userbar .levelProgress{align-items:center;display:flex;height:40px;min-width:200px}@media(max-width:900px){.profile .userbar .levelProgress{height:20px;min-width:100px}}.profile .userbar .levelProgress .level{align-items:center;background-color:#4ffd80;border:3px solid #34373b;border-radius:10px;color:#34373b;display:flex;height:100%;padding:0 15px;width:auto}.profile .userbar .levelProgress .level p{font-size:1.5rem;margin:0}@media(max-width:900px){.profile .userbar .levelProgress .level p{font-size:1.2rem}.profile .userbar .levelProgress .level{padding:5px 10px}}.profile .userbar .levelProgress .progress{background-color:#4a7556;border-radius:0 10px 10px 0;color:#34373b;height:65%;max-width:150px;width:100%}.profile .userbar .levelProgress .progress .bar{background-color:#8fffad;border-radius:0 10px 10px 0;color:#34373b;height:100%}.profile .userbar .badges{height:100%;margin-left:10px}@media(max-width:900px){.profile .userbar .badges{display:none}}.profile .userbar .badges .badge{display:inline;position:relative}.profile .userbar .badges .badge img{height:35px;margin:0 10px}.profile .userbar .badges .badge .popover{background-color:#484b4f;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);height:30px;left:-25px;opacity:0;position:absolute;text-align:center;-webkit-transform:translateY(-80px);transform:translateY(-80px);visibility:hidden;width:100px}.profile .userbar .badges .badge .popover .name{font-size:1rem;font-weight:700;-webkit-transform:translateY(2px);transform:translateY(2px)}.profile .userbar .badges .badge:hover .popover{opacity:1;visibility:visible}.profile .userbar .addButton{align-items:center;background-color:#5865f2;border-radius:10px;color:#fff;display:flex;font-size:large;justify-content:center;padding:20px;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.profile .userbar .addButton img{height:25px;margin-right:10px;width:25px}.profile .userbar .addButton:hover{opacity:.8}@media(max-width:900px){.profile .userbar .addButton{padding:10px}.profile .userbar .addButton :not(img){display:none}.profile .userbar .addButton img{margin:0}}.profile .stats{background-color:#34373b;border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:space-around;margin-top:5rem;overflow:scroll;padding:0 10px}@media(max-width:900px){.profile .stats{flex-wrap:wrap;justify-content:center;margin-top:2rem;padding:0 2px}}.profile .stats .item{align-items:center;background-color:#484b4f;border-radius:10px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;margin:20px 10px;min-width:100px;padding:20px;transition:.2s;width:100%}@media(max-width:900px){.profile .stats .item{margin:5px;max-width:65px;min-width:50px}}@media(min-width:550px){.profile .stats .item{max-width:105px;min-width:70px}}.profile .stats .item .value{overflow:hidden;text-align:center;text-overflow:ellipsis;width:100%}.profile .stats .item .icon,.profile .stats .item .value{font-size:2rem;font-weight:700}.profile .stats .item .label{opacity:.5}.profile .stats .item:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.profile .error{font-size:3rem;margin-top:50px}.profile .customize_banner{margin:30px 0;transition:.5s;width:100%}.profile .customize_banner:hover{content:url(/static/media/customize_banner_hover.ef46772ed4494d7e7617.png);-webkit-transform:skew(0deg,-1deg);transform:skew(0deg,-1deg)}@media(max-width:900px){.profile .customize_banner{content:url(/static/media/customize_banner_mobile.d6ca67e790f642d07472.png)}.profile .customize_banner:hover{content:url(/static/media/customize_banner_mobile_hover.53d8046e475d1671600c.png);-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg)}}.profile .games{border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;max-width:1200px;overflow:visible;position:relative}@media(max-width:900px){.profile .games{flex-direction:column;margin-top:0;overflow:hidden}}.profile .games .board{background-color:#34373b;margin:5px;padding:10px;width:370px}@media(max-width:900px){.profile .games .board{display:flex;flex-direction:column;margin-bottom:50px;margin-right:0;width:95%}}.profile .games .board img{height:auto;width:370px}@media(max-width:900px){.profile .games .board img{margin:0 auto 10px;width:90%}}.profile .games .board .stats{display:flex;flex-direction:row;margin:0;padding:0}.profile .games .board .stats .stat{align-items:center;background-color:#484b4f;border-radius:5px;display:flex;height:40px;justify-content:center;margin:5px;padding:5px;width:100%}.profile .games .board .stats .stat .icon{margin-right:10px;-webkit-transform:translateY(3px);transform:translateY(3px)}.profile .games .board .stats .stat .value{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:auto}.profile .games .btn-container{display:flex;justify-content:center;width:100vw}.profile .games button.loadMore{background-color:#4ffd80;border:0;border-radius:5px;font-size:1rem;font-weight:700;margin-top:30px;padding:15px 30px;transition:.2s}.profile .games button.loadMore:hover{opacity:.8}.settings .content{display:flex;justify-content:start;margin-top:50px;width:100%}.settings .categories{border-right:1px solid gray;max-width:25%;padding:0 20px 0 0}.settings .categories li{background-color:#34373b;border-radius:10px;color:#fff;list-style:none;margin:15px 0;padding:15px;transition:.2s}.settings .categories li.active{background-color:#4ffd80;color:#000}.settings .categories li.danger{background-color:#ed4245;text-align:center}@media(max-width:900px){.settings .categories li.mobileNotActive{background-color:#34373b;color:#fff}}.settings .categories li:hover{background-color:#75ebbb;color:#000}@media(max-width:900px){.settings .categories{display:none}.settings .categories.mobile-categories{border:none;display:block;min-width:100%}}@media(min-width:900px){.settings .categories{border:none;max-width:25%;min-width:none}}.settings .panel{margin-left:30px;margin-top:10px;max-width:80%}.settings .panel .title{color:#fff}.settings .panel .title .backIcon{margin-right:15px;-webkit-transform:translateY(-3px);transform:translateY(-3px);vertical-align:sub}@media(min-width:900px){.settings .panel .title .backIcon{display:none}}.settings .panel .pane{display:flex;justify-content:space-between;margin-top:50px}@media(max-width:1000px){.settings .panel .pane{flex-direction:column;margin-top:20px}}.settings .panel .pane .preview img{border-radius:20px;height:auto;margin-left:50px;width:470px}@media(max-width:900px){.settings .panel .pane .preview img{margin:30px 0 0;width:100%}}.settings .panel .pane .colorPicker .block-picker{background-color:transparent!important;height:100%!important;width:100%!important}.settings .panel .pane .colorPicker .block-picker input{background-color:#34373b!important;border:none!important;border-radius:5px;color:#fff;outline:none}.settings .panel .pane.soon{flex-direction:column;width:100%}.settings .panel .pane.soon img.graphic{height:18rem;margin-bottom:30px}.settings .panel .pane.soon p.desc{text-align:center}.settings .panel .pane.soon a.support{background-color:#4ffd80;border-radius:10px;color:#000;font-size:1.2rem;margin:auto;padding:15px;text-align:center;transition:.2s;width:300px}.settings .panel .pane.soon a.support:hover{opacity:.8}@media(max-width:900px){.settings .panel .pc-only{display:none}}.notFound .content{display:flex;margin-top:50px}.notFound .content img{margin-right:50px}.notFound .content h1{color:#fff;font-size:3rem;margin-bottom:20px}
/*# sourceMappingURL=main.37caa964.css.map*/