html{--league-gold-color:#bf8600;--league-blue-color:#071b30;--league-white-color:#c8c8c8;--background-blue-div-color:#020e1e3c;--blue-div-border-color:#020e1e;--excellent-color:#3c0744;--great-color:#026a6a;--good-color:rgba(64,73,70,.512);font-family:Kanit,sans-serif;font-size:62.5%}body{-webkit-animation:bg-animation 10s infinite alternate;animation:bg-animation 10s infinite alternate;background-image:linear-gradient(to bottom right,#071b30,#0c2e54,#071b30);background-size:200%}@-webkit-keyframes bg-animation{0%{background-position:0}to{background-position:100%}}@keyframes bg-animation{0%{background-position:0}to{background-position:100%}}.App{height:100vh;overflow-x:hidden;overflow-y:auto;text-align:center}.ping-container{font-size:4rem;margin:auto;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ping-container .pinging-server{color:#bf8600;color:var(--league-gold-color);text-shadow:0 0 2px #000,0 0 2px #000}.ping-container .ping-gif{margin-top:2rem;width:5rem}.server-down{color:#bf8600;color:var(--league-gold-color);font-size:4rem;left:50%;margin:auto;position:absolute;text-align:center;text-shadow:0 0 2px #000,0 0 2px #000;top:45%;-webkit-transform:translate(-50%);transform:translate(-50%);width:50%}.server-down .offline-text{color:#720101;text-shadow:0 0 2px #000,0 0 2px #000}.front-page{max-width:100%;min-height:100%}.form-container{position:relative;top:30%;-webkit-transform:translateY(-30%);transform:translateY(-30%)}.form-background{aspect-ratio:1/.6;border:1px solid var(--league-gold-color);border-radius:50%;margin:auto auto 2em;overflow:hidden;width:min(90%,60rem)}.form-background img{border:1px solid var(--league-white-color);height:115%;pointer-events:none;width:115%}.form-container form label{color:var(--league-gold-color);font-size:2.5rem;text-shadow:0 0 2px #000,0 0 2px #000}.form-container form .input-box{background-color:hsla(0,0%,100%,.7);box-sizing:border-box;margin:1.5em auto 2em;width:min(90%,45ch)}.form-container form .input-box:focus-within{outline:2px solid #165496ca}.form-container form .input-box .text-input{background:none;border:none;box-sizing:border-box;display:inline-block;font-size:2rem;text-align:center;width:80%}.form-container form .input-box .text-input:focus{outline:none}.form-container form .input-box select{-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,.25);border:none;border-left:1px solid rgba(0,0,0,.4);font-family:inherit;font-size:2rem;text-align:center;text-indent:1px;text-overflow:"";transition-duration:.25s;width:20%}form .input-box select:focus{outline:none}.form-container form .button{background-color:#071b30e1;border-color:var(--league-gold-color);border-radius:15px;color:var(--league-gold-color);font-size:1.4rem;margin:auto;max-width:50%;padding:.5em;text-shadow:0 0 2px #000,0 0 2px #000;transition-duration:.5s}.loadingGif{position:absolute;top:95%;-webkit-transform:translate(-50%,-95%);transform:translate(-50%,-95%);width:5rem}form .input-box select:hover{background-color:rgba(0,0,0,.25)}.form-container form .button:hover{background-color:var(--league-gold-color);color:#071b30;cursor:pointer;text-shadow:0 0 1px #000,0 0 1px #000;text-shadow:none}@media screen and (min-width:65em){.form-container{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.form-container .form-background{width:max(60%,80rem)}.form-container form{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:max(100%,)}.form-container form .input-box{width:55ch}.form-container form label{font-size:3.5rem}.form-container form .button{font-size:1.6rem}.form-container form:before{aspect-ratio:1/1;background-color:var(--league-blue-color);border-radius:50%;content:"";display:block;left:50%;opacity:85%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:115%;z-index:-1}.loadingGif{left:50%;top:65%;-webkit-transform:translate(-50%,-65%);transform:translate(-50%,-65%)}}.navigation{--nav-color:#134f8f;margin-bottom:5em;margin-top:8em}.navicon-link{display:none}.navicon-link-mobile{border:1px solid var(--nav-color);border-radius:15px;color:var(--nav-color);font-size:1.4rem;padding:.25em .5em;text-decoration:none!important}.navicon-link-mobile:hover{border-color:var(--league-gold-color);color:var(--league-gold-color);cursor:pointer}@media screen and (min-width:65em){.navigation{--nav-color:#134f8f;margin:0}.navicon-link-mobile{display:none}.navicon-link{color:var(--nav-color);display:block;font-size:3rem;left:6rem;position:absolute;text-decoration:none!important;top:3rem;transition-duration:.3s}.navicon-link:hover{border-color:var(--league-gold-color);color:var(--league-gold-color);cursor:pointer}.navicon-link:before{aspect-ratio:1/1;border:1px solid #134f8f;border-radius:50%;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition-duration:inherit;width:4.5rem}.navicon-link:hover:before{border-color:var(--league-gold-color)}.navicon-link:after{color:var(--league-gold-color);content:attr(data-tooltip);display:block;font-size:2.5rem;left:50%;opacity:0;pointer-events:none;position:absolute;top:90%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition-duration:inherit;visibility:hidden}.navicon-link:hover:after{opacity:100%;visibility:visible}}.player-name{color:var(--league-gold-color);font-size:2.5rem;margin-top:1.5em;text-decoration:underline;text-shadow:0 0 3px #000,0 0 3px #000;text-underline-offset:.5rem}.player-container{display:flex;flex-direction:column-reverse;flex-wrap:wrap;gap:2em;justify-content:center}.player-section{max-width:100%}.player-rank-piece{margin:1em auto auto;max-width:15rem}.active-game-button{background-color:#00000023;border-color:var(--league-gold-color);border-radius:10px;color:var(--league-gold-color);font-size:1.6rem;padding:.25em .5em;transition-duration:.5s}.no-player-data{color:var(--league-white-color);display:inline-block;font-size:2rem;margin-top:3em}.active-game-button:hover{background-color:var(--league-gold-color);color:#000;cursor:pointer}@media screen and (min-width:75em){.player-name{margin-top:1em}.player-container{flex-direction:row}.player-section{padding:2em 3em;width:25%}.player-section:first-child{position:fixed;right:95%;top:50%;-webkit-transform:translate(95%,-50%);transform:translate(95%,-50%)}.player-section:nth-child(2){width:30%}.player-section:nth-child(3){border:none;left:95%;position:fixed;top:50%;-webkit-transform:translate(-95%,-50%);transform:translate(-95%,-50%)}.player-name{font-size:4rem}.player-rank-piece{max-width:30rem}.no-player-data{font-size:3rem;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}}.chart-container{display:none}.chart-tooltip{--tooltip-color:rgba(0,255,255,.214);--tooltip-hover-color:rgba(0,255,255,.658);aspect-ratio:1/1;border:2px solid var(--tooltip-color);border-radius:50%;left:10%;position:absolute;top:10%;transition:border-color .1s ease-out;width:7%}.chart-tooltip .chartTool-icon{color:var(--tooltip-color);font-size:1.6rem;pointer-events:none;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .1s ease-out}.chart-tooltip:hover{border-color:var(--tooltip-hover-color)}.chart-tooltip:after{background-color:#031328;border:2px solid rgba(0,0,0,.666);border-radius:10px;color:hsla(0,0%,100%,.557);content:attr(data-tooltip);font-size:1.6rem;left:0;opacity:0;padding:1rem 2rem;pointer-events:none;position:absolute;text-shadow:0 0 2px #000,0 0 2px #000;top:120%;transition-duration:.5s;visibility:hidden;white-space:wrap;width:40ch}.chart-tooltip:hover:after{opacity:100%;top:150%;visibility:visible}.chart-tooltip:hover .chartTool-icon{color:var(--tooltip-hover-color)}.champion-chart{aspect-ratio:1/1;min-width:350px;width:100%}.champion-legend{align-items:center;display:flex;justify-content:space-around}.champion-legend img{border-radius:50%;max-width:20%}@media screen and (min-width:75em){.chart-container{display:block}}.badge-box-container{margin-top:1em;width:100%}.badge-box-container .badge-box-scroll-container{background-color:var(--background-blue-div-color);border-bottom:3px solid var(--blue-div-border-color);border-top:3px solid var(--blue-div-border-color);overflow-x:auto;padding:2em 0}.badge-box-container .badge-box-scroll-container .box-scroll{display:flex;gap:2em;justify-content:center;margin:auto;padding:0 1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.badge-box-container .badge-box-scroll-container .box-scroll .box-scroll-badge{min-height:10rem;width:10rem}.badge-box-container .badge-box-legend{background-color:var(--background-blue-div-color);border:2px solid var(--blue-div-border-color);border-radius:50px;display:flex;flex-direction:row-reverse;justify-content:space-evenly;margin:1em auto auto;width:min(80%,40rem)}.badge-box-container .badge-box-legend .legend-item{align-items:center;display:flex;flex-direction:column;font-size:1.6rem;gap:.25em;padding:.5em;width:25%}.badge-box-container .badge-box-legend .legend-item .level-square{aspect-ratio:1/1;border:1px solid var(--league-gold-color);border-radius:5px;width:max(25%,2rem)}.legend-item .level-name{color:var(--league-white-color);font-size:1.4rem;text-shadow:0 0 1px #000,0 0 1px #000}.badge-box-description{background-color:#020e1e2e;color:#b1b0b0;font-size:2rem;margin:1em auto auto;max-width:45ch;padding:1em 1.5em;text-shadow:0 0 1px #000,0 0 1px #000}.badge-box-container .excellent{color:var(--excellent-color)}.badge-box-container .great{color:var(--great-color)}.badge-box-container .good{color:var(--good-color)}@media screen and (min-width:75em){.badge-box-container .badge-box-scroll-container{background-color:var(--background-blue-div-color);border:3px solid var(--blue-div-border-color);border-radius:50px;margin:auto;max-width:450px}.badge-box-container .badge-box-scroll-container .box-scroll{flex-wrap:wrap;max-height:340px;overflow-y:auto}.legend-item .level-name{font-size:2rem}.badge-box-description{text-shadow:0 0 2px #000,0 0 2px #000}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px #bf860078;transition-duration:.5s}::-webkit-scrollbar-thumb:hover{background:#bf8600}}.badge-container{align-items:center;border:1px var(--league-gold-color);border-radius:10px;border-style:solid;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.badge-unearned{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:25%}.badge-container .img-container{aspect-ratio:1/1;object-fit:scale-down;width:70%}.badge-container .badge-name{color:var(--league-gold-color);font-size:1.2rem;object-fit:scale-down;pointer-events:none;text-shadow:0 0 2px #000,0 0 2px #000;white-space:nowrap}.Good{background-color:var(--good-color)}.Great{background-color:var(--great-color)}.Excellent{background-color:var(--excellent-color)}.GoodText{color:#323836;display:inline}.GreatText{color:#023f3f;display:inline}.ExcellentText{color:#27052c;display:inline}.hoverText{background-color:#f5f5f5;border:2px solid #000;border-radius:15px;display:inline;font-size:1.2rem;padding:5px;pointer-events:none;position:absolute;transition-duration:.5s;width:-webkit-max-content;width:max-content;z-index:1}.reveal{opacity:1}.hide{opacity:0}.rank-container{margin:auto}.rank-container img{max-width:100%;object-fit:scale-down}.ranked-overview-text{text-decoration:underline}.overview-container{border-top:2px solid var(--blue-div-border-color);color:var(--league-white-color);font-size:3rem;height:100%;padding-top:1em;text-shadow:0 0 2px #000,0 0 2px #000;width:100%}.win-loss{background-color:var(--background-blue-div-color);border:2px solid var(--blue-div-border-color);border-radius:25px;margin:1em auto auto;max-width:15ch;padding:.25em 0;width:80%}.win-loss div{display:inline-block;font-size:2.5rem;width:50%}.win-text{color:green}.lose-text{color:rgba(255,0,0,.539)}.win-loss-number{color:#fff}.recent-games{display:flex;flex-direction:column;gap:.75em;margin:1em auto;max-width:50em}@media screen and (min-width:75em){.overview-container{border-top:none}.recent-games{background-color:var(--background-blue-div-color);border:2px solid var(--blue-div-border-color);border-radius:25px;margin-bottom:0;padding:1em 2em}}.ranked-game{align-items:center;border-bottom:2px solid;border-top:2px solid;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:.5em 0}.won-game{background-color:rgba(0,128,0,.06);border-color:green}.lost-game{background-color:rgba(255,0,0,.06);border-color:red}.champ-sums-container{display:flex;font-size:0;max-width:125px;position:relative;width:20%}.champ-sums-container .champ-img-wrapper{width:100%}.champ-sums-container .champ-img-wrapper img{border:2px groove var(--league-white-color);border-radius:50%;box-sizing:border-box;width:100%}.champ-sums-container .spells-wrapper{left:100%;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50%}.spells-wrapper .spell{position:relative;right:50%;-webkit-transform:scale(80%);transform:scale(80%);width:100%}.spell img{border:1px solid var(--league-gold-color);border-radius:10px;box-sizing:border-box;width:100%}.kda{color:var(--league-white-color);font-size:1.6rem;margin-left:.5em;min-width:7.5rem}.player-items{grid-gap:.75rem;display:grid;font-size:0;gap:.75rem;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;max-width:20rem;width:30%}.player-items .player-item{background-color:rgba(0,0,0,.221);border:2px solid rgba(0,0,0,.4);border-radius:5px;width:100%}.player-items .player-item img{width:100%}.ranked-game-button{--button-color:hsla(0,0%,100%,.186);background-color:rgba(0,0,0,.069);border-color:var(--button-color);border-radius:50%;color:var(--button-color);font-size:1.5rem;transition-duration:.25s}.more-info-box{border-bottom:2px solid;border-left:2px solid;border-radius:15px;border-right:2px solid;border-top-left-radius:0;border-top-right-radius:0;font-size:1.6rem;margin:auto;max-height:0;max-width:90%;overflow:hidden;transition:max-height 1s ease-in-out,padding 1s ease-in-out}.more-info-stat{--stat-box-color:hsla(0,0%,75%,.775);background-color:rgba(0,0,0,.148);border:1px solid var(--stat-box-color);border-radius:30px;font-size:1.4rem;padding:.5em .25em;position:relative;width:40%}.more-info-stat:before{border-bottom:1px solid var(--stat-box-color);content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:98%}.more-info-stat .stat,.more-info-stat .stat-description{display:block;padding:.2em 0}.stats-wrapper{align-items:center;color:var(--league-white-color);display:flex;flex-wrap:wrap;gap:1em;justify-content:center}.more-info-box .game-info-button{background-color:hsla(0,0%,75%,.464);border-radius:25px;border-width:1px;font-size:1.4rem;margin-bottom:1.5em;padding:.25em .5em;transition-duration:.25s}.more-info-box .game-info-button:hover{background-color:hsla(0,0%,75%,.714)}@media screen and (min-width:75em){.game-container{min-width:260px}.ranked-game.won-game{border-left:2px solid green;border-radius:25px;border-right:2px solid green}.ranked-game.lost-game{border-left:2px solid red;border-radius:25px;border-right:2px solid red}.kda{font-size:2rem}.ranked-game-button{font-size:1.7rem}.stats-wrapper{flex-direction:row;flex-wrap:wrap;gap:2em}.more-info-stat{font-size:1.6rem;width:40%}}.loading-container{left:50%;max-width:400px;position:absolute;text-align:center;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.loading-container img{margin:auto;width:80%}.loading-bar{border:3px solid var(--league-gold-color);height:10%;left:50%;margin-left:auto;margin-right:auto;min-height:20px;top:75%;-webkit-transform:translate(-50%);transform:translate(-50%);width:90%}.loading-bar,.loading-bar:before{border-radius:25px;position:absolute}.loading-bar:before{background-color:var(--league-gold-color);content:"";display:block;height:60%;left:2%;max-width:96%;min-width:5%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition-duration:1s;width:0;width:calc(var(--load-percent, 0)*1%)}.text{font-size:2.5rem}.button,.text{color:var(--league-gold-color)}.button{background-color:#00000023;border-color:var(--league-gold-color);border-radius:10px;font-size:1.6rem;padding:.5em;transition-duration:.5s;white-space:nowrap}.button:hover{background-color:var(--league-gold-color);color:#000;cursor:pointer}.center{left:50%;position:fixed;top:40%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}@media screen and (min-width:65em){.text{font-size:4rem}.button{font-size:2.5rem}}.card{border:2px solid var(--league-gold-color);border-radius:15px;max-width:250px;width:90%}.blue-team{background-color:#020e1e7c}.red-team{background-color:#210d0d7c}.card .namePlate{border-bottom:2px solid var(--league-gold-color);border-radius:15px;height:5.5rem;padding:.5em 0;position:relative;width:100%}.card .namePlate .name{color:var(--league-white-color);font-size:2rem;left:50%;position:absolute;text-shadow:0 0 2px #000,0 0 2px #000;top:40%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%);transition-duration:.25s;white-space:nowrap;z-index:1}.card .namePlate .name:hover{color:var(--league-gold-color);font-size:2.1rem}a:link{text-decoration:none}.card .namePlate .name.highlight{color:var(--league-gold-color)}.card .namePlate .card-rank{left:-5%;position:absolute;top:-50%;width:25%}.card .namePlate .namePlate-img{border:2px solid var(--league-gold-color);border-radius:50%;left:50%;position:absolute;top:65%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:25%}.card .played-role{border:1px solid var(--league-gold-color);border-radius:15px;margin:5em auto 0;padding:.25em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card .played-role .role-text{border-bottom:1px solid var(--league-gold-color);color:var(--league-gold-color);font-size:1.2rem;width:100%}.card .played-role img{width:40%}.card .card-badge-container{grid-gap:1em;display:grid;gap:1em;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;margin:1em auto;width:80%}.card .card-badge-container .card-badge{aspect-ratio:1/1;margin:auto;width:85%}.team-container{display:flex;flex-wrap:wrap;gap:8em;justify-content:center;margin:4em auto}.versusTag,h1{color:var(--league-gold-color);font-size:3rem;text-shadow:0 0 3px #000,0 0 3px #000}h1{white-space:nowrap}.help-container{display:flex;flex-direction:column;font-size:1.6rem;gap:2em;margin-bottom:1em}.help-container .help-item:nth-child(odd){background-color:#020e1e88}.help-container .help-item{background-color:var(--background-blue-div-color);border:3px solid var(--blue-div-border-color);border-left:none;border-right:none;padding:2em 1em}.help-container .help-item p{color:var(--league-white-color);margin-left:auto;margin-right:auto;max-width:90%;text-shadow:0 0 4px #000,0 0 4px #000}.help-container .help-item .help-img{border:1px solid #496b90;border-radius:25px;box-sizing:border-box;width:max(20rem,90%)}@media screen and (min-width:65em){h1{font-size:4rem}.help-page-container{position:absolute;top:40%;-webkit-transform:translateY(-40%);transform:translateY(-40%)}.help-container{flex-direction:row;font-size:2rem;justify-content:center;margin:auto}.help-container>*{max-width:25%}.help-container .help-item{border:3px solid #020e1e;border-radius:35px}}.game-view-container{display:flex;flex-wrap:wrap;gap:5em;height:100%}.game-view-team{display:flex;flex-wrap:wrap;gap:2em;margin:auto}.game-view-team .game-view-player{color:var(--league-white-color);font-size:2.5rem;text-shadow:0 0 2px #000}.searched-player{color:var(--league-gold-color);font-size:2.5rem;text-shadow:0 0 2px #000}.compare-box{background-color:rgba(27,103,170,.098);border:1px solid hsla(0,0%,100%,.082);display:flex;flex-direction:column;gap:3em;justify-content:space-evenly;margin:2.5% 0;max-width:1200px;width:100%}.compare-box .compare-player .compare-player-name{color:var(--league-white-color);font-size:2rem}.compare-box .compare-player .compare-player-name,.compare-box .compare-player .searched-player{display:block;margin:auto;text-decoration:underline;transition-duration:.25s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.compare-box .compare-player .searched-player:hover{color:var(--league-white-color)}.compare-box .compare-player .compare-player-name:hover{color:var(--league-gold-color)}.compare-box .compare-player img{border:1px solid var(--league-white-color);border-radius:50%;width:15%}.compare-box .compare-player .compare-stats-container{display:flex;flex-wrap:wrap;gap:4em;justify-content:center;padding:2em 0}.compare-box .compare-player .compare-stats-container .compare-stats{color:#2e7b92;font-size:1.6rem}.compare-box .compare-player .compare-stats-container .compare-stats .stat-name{text-decoration:underline}.compare-box .compare-player .compare-stats-container .compare-stats .stat-number{color:var(--league-white-color)}.player-game-wrapper{cursor:pointer}.player-game-wrapper.selected-player{background-color:#00000053}@media screen and (min-width:75em){.game-view-team{max-width:20%}.compare-box,.player-game-wrapper.selected-player{border-radius:25px}.compare-box{width:30%}.compare-box .compare-player .compare-player-name,.compare-box .compare-player .searched-player{font-size:3rem}}
/*# sourceMappingURL=main.717f34fc.css.map*/