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}.mainHeader{width:calc(100% - 20px);background-color:#282c34;display:flex;justify-content:space-between;align-items:center;padding:5px 10px}.mainHeader a{text-decoration:none;color:#fff}.logoContainer{display:flex;align-items:center;gap:10px}.searchIcon{filter:invert(1)}.searchBar{width:650px;padding-top:50px;position:relative}.searchBar input{width:calc(100% - 24px);height:70px;font-size:28px;border-radius:15px;padding-left:10px;padding-right:10px;font-weight:700;color:#282c34}.searchBar input:focus{outline:3px solid white}.searchBar .searchButton{position:absolute;right:-3px;top:37%;cursor:pointer;padding:5px 10px;border-radius:15px;background:#000;border:3px solid white}.searchBar img{filter:invert(1)}.searchBar select{position:absolute;right:15%;top:54%;cursor:pointer;padding:5px;border-radius:20px;background:#b20f3c;color:#fff;font-size:20px;font-weight:700;border:2px solid black;text-align:center;list-style-type:none}.searchBar select option{font-weight:700}.searchBar select:focus{outline:1px solid black}.searchBar .disabledIcon{filter:contrast(0);cursor:default}@media only screen and (max-width: 650px){.searchBar{width:450px}.searchBar input{font-size:21px}.searchBar input:focus{outline:2px solid white}.searchBar select{font-size:16px;right:20%;top:57%}.searchBar .searchButton img{height:60px}.searchBar .searchButton{top:39%}}@media only screen and (max-width: 450px){.searchBar{width:320px}.searchBar input{height:50px;font-size:18px}.searchBar select{font-size:14px;right:18%;top:58%}.searchBar .searchButton img{height:42px}.searchBar .searchButton{top:46%;padding:5px}}.page{min-height:100vh;background-color:#001a03;background-image:url(/images/hero.png);background-repeat:no-repeat;background-size:contain;background-position:center;box-shadow:0 0 300px #000 inset}.content{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.title{display:flex;align-items:center;gap:10px;font-size:36px}.description{font-size:28px;font-style:italic;font-weight:700}@media only screen and (max-width: 650px){.title{font-size:30px}.description{font-size:24px}}@media only screen and (max-width: 450px){.title{font-size:24px}.description{font-size:18px}}.spinner{position:relative;width:50px;height:50px}.spinner-inner{position:absolute;border-top:5px solid #b20f3c;border-right:5px solid transparent;border-radius:50%;width:32px;height:32px;top:8px;left:8px;animation:spin-inner .7s linear infinite}@keyframes spin-inner{to{transform:rotate(360deg)}}.matchCard{width:100%;height:114px;background-color:gray;border-radius:10px;padding:5px 10px;box-sizing:border-box}.winCard{background-color:#0866ff66}.lossCard{background-color:#ff170866}.result{font-size:12px;display:flex;align-items:center}.winCard .result>span:first-child{font-weight:700;color:#5797ff;margin-right:5px;font-size:16px}.lossCard .result>span:first-child{font-weight:700;color:#ff5e5e;margin-right:5px;font-size:16px}.gameDuration{margin-left:5px}.matchFirstRow{display:flex;justify-content:space-between;padding-bottom:8px}.queueType{font-weight:700;margin-right:5px}.timeAgo{font-size:12px;font-weight:400}.matchSecondRow{display:flex;justify-content:space-between}.mainIcons{display:flex}.ownerChampion{position:relative}.mainChamp{border:1px solid white;border-radius:10px;width:64px;height:64px;margin-right:4px}.champLevel{background-color:#282c34;font-weight:700;font-size:12px;border-radius:10px;padding:3px 5px;position:absolute;bottom:6px;right:3px}.spellContainer{display:flex;flex-direction:column;gap:4px;margin-right:4px}.spell{width:28px;height:28px;border-radius:20%;border:1px solid white}.spellSecondary{width:20px;height:20px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.primaryStats{display:flex;flex-direction:column;gap:2px;color:gray;font-size:14px}.primaryStats .kda span{font-weight:700;font-size:20px;margin:2px}.primaryStats .kda span:first-child{margin-left:0}.kills{color:#2c0}.deaths{color:#ff5454}.assists{color:#d9bc00}.kdaScore{color:#fff}.kdaScore span{font-weight:700;font-size:16px}.greatKda{color:#fc0}.goodKda{color:#5797ff}.greatKP{color:#f66}.secondaryStats{display:flex;flex-direction:column;font-size:12px}.secondaryScore span{font-weight:700;font-size:14px}.greatCS{color:#88ff6e}.greatVision{color:#70a2ff}.items{display:flex;flex-wrap:wrap;align-content:center;width:130px}.items img{width:30px;height:30px;border-radius:10px;border:1px solid white}.items img:nth-child(1),.items img:nth-child(2),.items img:nth-child(3),.items img:nth-child(7){order:-1}.cardGroup{display:flex}.cardContent{width:100%}.toggleDetails{cursor:pointer;display:flex;align-items:flex-end;justify-content:center;width:35px;height:108px;background-color:#0003;margin-top:-5px;margin-right:-10px;margin-left:15px;border-radius:0 10px 10px 0;padding-bottom:6px}.toggleDetails:hover{background-color:#0000001a}.sigma{margin-left:5px;border-radius:12px;font-weight:700;padding:1px 10px 4px;background-color:#8a0000}.alpha{margin-left:5px;border-radius:12px;font-weight:700;padding:1px 10px 4px;background-color:#003c96}.additionalDetails{background-color:#182629;padding:2px 20px 5px;border-radius:10px;display:flex;flex-direction:column;gap:2px}.matchResult{margin:3px}.victory{color:#1f80ff;font-weight:600;font-size:18px}.defeat{color:#ff1414;font-weight:600;font-size:18px}.participantData{border-radius:10px;padding:5px}.participantData .matchSecondRow{height:72px}.ownerWin{background-color:#004cbf}.participantWin{background-color:#003c96}.ownerLose{background-color:#8a0000}.participantLose{background-color:#700000}.participantInfo{display:flex;flex-direction:column;justify-content:center;gap:2px;margin-left:3px;height:68px;width:130px;font-weight:600}.participantName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:-5px}.participantName a{text-decoration:none;color:#fff}.participantElo{color:#a9a9a9}.participantInfo>span .sigma{margin:0;padding:1px 7px 4px;font-size:14px}.participantInfo>span .alpha{margin:0;padding:1px 7px 4px;font-size:14px}@media (max-width: 1178px){.matchCard{padding:5px}.queueType,.timeAgo,.gameDuration,.result{font-size:11px}.winCard .result>span:first-child{font-size:12px}.lossCard .result>span:first-child{font-size:12px}.spellSecondary{width:18px;height:18px}.primaryStats{font-size:13px;gap:2px}.primaryStats .kda span{font-size:16px}.kdaScore span{font-size:14px}.secondaryScore span{font-size:12px}.secondaryStats{font-size:11px}.sigma,.alpha{font-size:12px}.items img{width:22px;height:22px;border-radius:7px}.additionalDetails{padding:5px}.participantInfo{font-size:14px;width:75px}.participantInfo>span .sigma{font-size:12px}.participantInfo>span .alpha{font-size:12px}}@media (max-width: 580px){.matchCard{padding:5px}.queueType,.timeAgo,.gameDuration,.result{font-size:10px}.mainChamp{width:56px;height:56px}.champLevel{font-size:10px;padding:2px 5px}.spell{width:22px;height:22px}.spellSecondary{width:18px;height:18px}.spellContainer{margin-right:3px}.primaryStats{font-size:10px;gap:1px}.primaryStats .kda span,.kdaScore span,.secondaryScore span{font-size:11px}.secondaryStats{font-size:10px}.secondaryStats div{width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items img{width:18px;height:18px;border-radius:7px}.winCard .result>span:first-child{font-size:11px}.lossCard .result>span:first-child{font-size:11px}.toggleDetails{margin-left:-10px}.participantInfo{font-size:12px;width:50px}.sigma,.alpha{font-size:11px}.participantInfo>span .sigma{font-size:11px}.participantInfo>span .alpha{font-size:11px}.additionalDetails{padding:5px}.participantData{height:82px}}.summonerPage{color:#fff;margin:20px 0 0 20px;display:flex}.error{font-size:32px;font-weight:700}.loading{display:flex;gap:5px;align-items:center;font-size:20px;font-weight:700}.card{background-color:#202d30;border-radius:10px;width:fit-content;padding:5px 10px;min-width:350px}.summonerProfile{display:flex;align-items:center;gap:15px}.summonerIcon{display:inline-block;position:relative}.summonerProfile .profileIcon{border-radius:50%;width:100px;border:3px solid #b20f3c}.summonerProfile .level{background-color:#202d37;border-radius:50%;padding:0 7px;font-size:20px;border:2px solid gray;position:absolute;top:100%;left:50%;transform:translate(-50%,-100%)}.profileName{font-size:32px;font-weight:700}.tag{margin-left:5px;color:gray}.summonerRank{display:flex;flex-direction:column;gap:10px;margin-top:20px}.queue{font-size:18px;font-weight:600}.separator{color:#b20f3c;font-size:22px;margin-right:10px}.division{margin-top:5px;display:flex;justify-content:center;align-items:center;gap:10px}.division img{width:64px;height:64px}.rankDivision{font-size:24px;font-weight:bolder}.rankStats{width:260px;display:flex;justify-content:space-between;align-items:baseline}.matchHistory{display:flex;flex-direction:column;gap:5px;margin-left:20px;background-color:#202d30;border-radius:10px;padding:10px 15px;width:700px;margin-bottom:20px}.matchHistory>div:first-child{font-size:18px;font-weight:600;padding-bottom:20px}.chartsContainer{margin-top:20px;width:300px;display:flex;flex-direction:column;gap:10px}.charts{margin:10px 0;display:flex;justify-content:center;gap:20px}.loadMore{margin:5px auto auto}.showMoreBtn{cursor:pointer;background-color:#fff;border:none;border-radius:10px;color:#282c34;font-size:16px;font-weight:700;padding:5px 10px}.showMoreBtn:hover{background-color:gray;color:#fff;transition:all .2s ease}.masteryContainer{margin-top:20px}.topMastery{display:flex;justify-content:space-around;margin-top:10px;margin-bottom:5px}.champMastery{display:flex;flex-direction:column;align-items:center}.champName{text-align:center;font-weight:700;font-size:18px}.masteryPoints{width:64px;text-align:center;font-size:14px}.masteryProfile{display:flex;flex-direction:column;align-items:center}.masteryBanner{position:relative;width:62px;height:40px}.bannerLevel{position:absolute;top:-5px;left:0;width:58px;height:48px}.masteryLevel{position:absolute;top:-5px;left:2px;width:54px;height:44px}.googleAds{display:flex;flex-direction:column}@media (max-width: 980px){.summonerPage{margin:10px;flex-direction:column}.summonerProfile .profileIcon{width:80px}.matchHistory{width:95%;margin:20px 0 0}}@media (max-width: 480px){.summonerPage{margin:5px}.card{min-width:fit-content;width:95%}.matchHistory{width:95%;padding:10px}.chartsContainer{width:100%}}