body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html{font-size:62.5%}body,html{font-family:"Open Sans"}h1{font-size:4em}h2{font-size:3em}h3{font-size:2em}a,p{font-size:1.6em}.HeaderArea--Return{padding:0 .6em}.HeaderArea--Forget{font-size:1.6em;text-decoration:underline;cursor:pointer}.Header--Left,.Header--Right{display:flex}.hidden{display:none}.HeaderArea{display:flex;justify-content:space-around;max-width:80em;margin-left:auto;margin-right:auto;padding:1em 0 4em}.HeaderArea,.HeaderArea .HeaderArea--Forget,.HeaderArea a{color:#111;text-decoration:none;font-weight:700}.HeaderArea .HeaderArea--Forget:hover,.HeaderArea:hover,.HeaderArea a:hover{color:#006cba}.Avatar--Img{width:12em;border-radius:10em}.Avatar--Name{padding:1em 0 0;margin:0}.Avatar--PrestigeImg{width:20em;top:-3.9em;left:-3.9em}.Avatar--Prestige,.Avatar--PrestigeImg{position:relative;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.Avatar--Prestige{display:block;width:12.2em;height:12.2em;background-repeat:no-repeat!important;background-size:12.2em!important;background-position:50%!important;border-radius:500px;margin-right:auto;margin-left:auto}.Avatar--Loading{width:12em}.Mastery--Loading{width:10em}.Avatar--Level{color:#fff;font-weight:700;z-index:100;position:relative;top:-89px}.game_Win{background-color:#d4e5ff;border:2px solid #6ea7ff;border-radius:5px}.game_Fail{background-color:#ffc2cc;border:2px solid #ff5c77;border-radius:5px}.game_Live{background-color:#d4ffdd;border:2px solid #6eff8c;border-radius:5px}.remake_true{background-color:#fff7d4!important;border:2px solid #ffe46e!important;border-radius:5px}.SummonerData{display:flex;max-width:80em;margin-left:auto;margin-right:auto;padding:1.6em 0}.SummonerData--Mastery{max-width:15em;width:100%}.SummonerData--MatchHistory{max-width:65em;width:100%}.SummonerData--MasteryPortrait{opacity:0;width:10em;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.SummonerData--MasteryPortrait.visible{opacity:1;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.SummonerData--MatchPortrait{width:8em}.SummonerData--MatchContainer{opacity:0;display:flex;justify-content:space-between;padding:.6em;margin:.6em;align-items:center}.SummonerData--MatchContainer.visible{opacity:1;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.SummonerData--MasteryBox{display:inline-block;padding:0 0 .6em}.SummonerData--TotalMastery{display:flex;font-size:2.6em;justify-content:center;font-weight:700}.SummonerData--TotalMastery_Sub{display:flex;font-size:1.6em;justify-content:center}.SummonerData--NoChamps{font-size:1em}.SummonerData--KDABox{width:10em}.SummonerData--KDA{font-size:2em}.SummonerData--DF{font-size:1.6em}.SummonerData--DF1{font-weight:700;color:#2a8c00}.SummonerData--DF-1{font-weight:700;color:#6e0019}.SummonerData--DF0{font-weight:700;color:#a18300}.SummonerData--ItemBox{display:table-cell!important;text-align:left;vertical-align:middle;width:190px;position:relative}.LiveData--BannedBox{display:flex}.LiveData--BanTitle{align-items:center;display:flex;padding:2px;font-size:1.6em;font-weight:700;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright}.LiveData--BannedTeamA,.LiveData--BannedTeamB{max-width:250px;padding:2px}.LiveData--BannedTeamA{background:#bae2ff}.LiveData--BannedTeamB{background:#e6c9ff}.Live--GameMode,.Live--GameSide,.Live--Time,.Live--Time_Sub{font-size:1.6em}.Live--Time_Sub{font-weight:700}.LiveData--Ban{width:4em;height:4em;padding:1px 0 0 1px}.LiveData--NoBan{width:4em;height:4em;background:#333;margin:1px 0 0 1px;display:inline-block}.LiveData--NoBan:after{content:"✕";max-width:2em;font-size:3em;position:absolute;color:#fff;margin-left:-12px;margin-top:0;font-family:sans-serif}.SummonerData--Item{width:4em;height:4em}.SummonerData--NoItem{width:4em;height:4em;background:#333}.SummonerData--MatchLink{font-size:1em}.SummonerData--RankImg{width:15em;height:auto;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;margin-left:auto;margin-right:auto;text-align:center}.SummonerData--Mastery1,.SummonerData--Mastery2,.SummonerData--Mastery3,.SummonerData--Mastery4,.SummonerData--Mastery5,.SummonerData--Mastery6,.SummonerData--Mastery7,.SummonerData--Mastery8,.SummonerData--Mastery9,.SummonerData--Mastery10{opacity:0;font-size:3.6em;position:absolute;z-index:999;font-weight:700;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;margin-top:54px;margin-left:-25px}.SummonerData--Mastery1.visible,.SummonerData--Mastery2.visible,.SummonerData--Mastery3.visible,.SummonerData--Mastery4.visible,.SummonerData--Mastery5.visible,.SummonerData--Mastery6.visible,.SummonerData--Mastery7.visible,.SummonerData--Mastery8.visible,.SummonerData--Mastery9.visible,.SummonerData--Mastery10.visible{opacity:1;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.SummonerData--Mastery1,.SummonerData--Mastery2,.SummonerData--Mastery3,.SummonerData--Mastery4{color:#000}.SummonerData--Mastery5{color:#d4086c}.SummonerData--Mastery6{color:#570194}.SummonerData--Mastery7,.SummonerData--Mastery8,.SummonerData--Mastery9,.SummonerData--Mastery10{color:#01947b}.SummonerData--RoleImg{width:7em}.Match--MasterContainer{padding:0 0 3.6em}.Match--HeaderArea{max-width:80em;display:flex;justify-content:space-around;margin-left:auto;margin-right:auto}.Match--AdditionalInfo,.Match--Breakdown,.Match--Container,.Match--Recap{display:flex;max-width:80em;margin-left:auto;margin-right:auto;padding:.6em 0}.Match--GameMode{font-size:3.6em;font-weight:700;padding:0}.Match--GameMode_Subtitle{padding:0 0 1em}.Match--GameMode_Subtitle,.Match--Time{font-size:2em;font-weight:700}.Match--Time_Sub{font-size:2em;padding:0 0 .6em}.AI{font-size:1.6em}.Match--Bold{font-weight:700}.Match--Column{max-width:40em;width:100%}.Match--Additional,.Match--false,.Match--KDA,.Match--true{font-size:2.6em;font-weight:700}.Match--true{color:#39bf00}.Match--false{color:#d40031}.Match--TeamA{background:#bae2ff;border:2px solid #54b7ff}.Match--TeamB{background:#e6c9ff;border:2px solid #b763ff}.Match--PlayerContainer,.Match--Portrait{display:flex;align-items:center}.Match--PortraitImg{width:7em}.Match--BanBox{display:flex;justify-content:space-around}.Match--Banned{display:grid;align-content:center}.Match--BannedImg{width:4em}.Match--NoBan{width:4em;height:4em;background:#333}.Match--NoBan:after{content:"✕";max-width:2em;font-size:3em;position:absolute;color:#fff;margin-left:-12px;margin-top:0;font-family:sans-serif}.Match--Spells{width:3.5em}.Match--SpellImg{display:flex;width:3.5em}.Match--Participant{width:16em;padding:0 .6em}.Match--LookupLink a,.Match--SingleKDA{font-size:1.6em;display:flex;justify-content:left}.Match--LookupLink a{text-decoration:none;font-weight:400}.Match--OptionalAwards{display:flex;justify-content:left}.Match--Optionals{padding:0 .6em 0 0}.Match--Optionals_FB{font-weight:700;color:#d40031}.Match--Optionals_X{font-weight:700;color:#003154}.Match--100-true{background:#87cdff}.Match--200-true{background:#ce96ff}.Match--ItemContainer{display:flex;justify-content:right}.Match--ItemBox{display:table-cell!important;text-align:left;vertical-align:middle;position:relative}.ItemContainer{display:inline-block;padding:1px 0 0 1px}.Match--Item,.Match--NoItem{width:2.8em;height:2.8em}.Match--NoItem{background:#333}.Match--Optionals .fa,.Match--Optionals .fas,.Match--Recap-Text{font-size:1.2em}.Match--DF1{color:#2a8c00}.Match--DF1,.Match--DF-1{font-weight:700;padding:0 0 0 5px}.Match--DF-1{color:#6e0019}.Match--DF0{font-weight:700;color:#a18300;padding:0 0 0 5px}.Home{opacity:0}.Home.visible{opacity:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.Background{position:fixed;left:0;right:0;width:100%;height:100%;display:block;background-size:cover;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale(1.1);transform:scale(1.1);z-index:-9999;background-color:#000;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent);-webkit-transition:background-image 1s ease-in-out;transition:background-image 1s ease-in-out;overflow:hidden;background-repeat:no-repeat!important}.SummonerSearch--ResultContainer{padding:0 1.6em}.SummonerSearch--Body{padding:5px 0;display:flex;margin-left:auto;margin-right:auto;max-width:60em;justify-content:space-around;align-items:center;border:1px solid #000;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.2)));background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.2));border-radius:5px;-webkit-filter:drop-shadow(2px 4px 6px #000);filter:drop-shadow(2px 4px 6px black)}.SummonerSearch--Name a{font-size:2em;font-weight:700;padding:0;margin:0;color:#fff;text-decoration:none}.SummonerSearch--Name a:hover{text-decoration:underline}.SummonerSearch--Level{padding:0;margin:0;font-weight:700}.SummonerSearch--Countdown,.SummonerSearch--Level{font-size:1.6em;color:#fff}.SummonerSearch--Countdown_Sub,.SummonerSearch--Date{font-size:1em;color:#fff}.SummonerSearch--Date{padding:.3em 0}.SummonerSearch--AddToProfile{margin:0 0 .6em}.Home--Menu{justify-content:space-around}.Home--Menu,.Home--SearchForm{display:flex;max-width:80em;margin-left:auto;margin-right:auto}.Home--SearchForm{justify-content:space-between;padding:.6em 1.6em 2.6em}.Home--SearchForm #regionSelector{width:6em;height:35px;font-size:1.6em;margin:0 .6em 0 0;border:none;border-radius:3px}.Home--SearchForm #summonerName{width:100%;padding:0 8px;font-size:1.6em;border:none;border-top-left-radius:3px;border-bottom-left-radius:3px}.Home--SearchForm button{width:6em;height:35px;font-size:1.6em;border:none;border-top-right-radius:3px;border-bottom-right-radius:3px}.Header--Sub,.Header--Title,.Home--SearchForm button{color:#fff;font-weight:700}.Header--Title{font-size:4em}.Header--Sub{font-size:2.6em;padding:.3em 0 .6em}.HomePage,.HomePage .HeaderArea--Forget,.HomePage a{color:#fff;text-decoration:none;font-weight:700}.HomePage .HeaderArea--Forget:hover,.HomePage:hover,.HomePage a:hover{color:#eee}.List--Title{font-size:3.6em}.List--Title,.List--Title_sub{font-weight:700;padding:0 0 .6em}.List--Title_sub{font-size:2em}.List--Container,.List--KeyContainer{max-width:80em;margin-left:auto;margin-right:auto}.List--Key,.List--Profile{padding:10px;display:flex;max-width:80em;justify-content:space-evenly;align-items:center}.List--Key{font-weight:700;font-size:1.4em}.List--Available,.List--Updated{width:15em}.List--Countdown,.List--Link a,.List--UpdateTimer{font-size:1.6em}.List--Avatar{width:10em}.List--AvatarImg{width:10em;border-radius:50em}.List--RegionContainer{width:10em}.List--Link{width:20em}.List--Countdown{width:15em}.List--UpdateTimer{width:10em}.List--Remove,.List--Update{width:5em}.List--Region{font-weight:700;font-size:1.6em}.List--Region_NA{color:#00f}.List--Region_EUNE,.List--Region_EUW{color:green}.List--Region_JP{color:red}.List--Region_OCE{color:#20b2aa}.List--Region_LAN,.List--Region_LAS{color:orange}.List--Region_KR{color:#6a5acd}.List--Region_RU{color:#789}.List--Region_TR{color:#ffa07a}.List--Region_BR{color:#90ee90}.SummonerSearch--Error{font-size:2em;color:#fff;font-weight:700}.SummonerSearch--Error_Sub{font-size:1.2em;color:#fff;font-weight:700}.SummonerSearch--ErrorBox{display:block;padding:1em 0}
/*# sourceMappingURL=main.f2f0ef68.chunk.css.map */