*{box-sizing:border-box;font-family:Ubuntu,sans-serif;outline:none}html{font-size:62.5%}body{background-color:#1b2838;color:#ecf0f1;font-size:1.6rem;line-height:1.6}button{cursor:pointer}button:disabled{cursor:default}.container{max-width:140rem}.container,.container-small{margin:0 auto;padding:0 1.6rem}.container-small{max-width:100rem}nav{border-bottom:1px solid hsla(0,0%,100%,.1)}.navbar--inner{display:flex;justify-content:space-between}.navbar__container{padding:1.6rem 0}.navbar__container--custom{display:grid;grid-template-columns:3fr .3fr;padding:1.2rem 0;width:380px}.navbar__link{background-color:transparent;border:none;color:hsla(0,0%,100%,.4);margin:0 .8rem;text-decoration:none}.navbar__link:hover{color:rgba(54,118,196,.5)}.navbar__link--custom{color:hsla(0,0%,100%,.3)}.navbar__link--active{color:#3676c4}.navbar__dropdown{display:inline-block;position:relative}.navbar__dropdown svg{right:-10%}.navbar__dropdown--custom,.navbar__dropdown svg{-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;top:50%}.navbar__dropdown--custom{display:inline-block;height:80%;right:25px}.navbar__dropdown-content{background-color:#182331;border-radius:.8rem;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;z-index:1}.navbar__dropdown-content a{float:none;padding:12px 16px;text-decoration:none;display:block;text-align:left}.navbar__dropdown-content--custom{display:none}.navbar__dropdown-content--custom p{margin:0;padding:.3rem}.navbar__dropdown-content--custom p:hover{color:rgba(54,118,196,.5);cursor:pointer}.navbar__dropdown:hover .navbar__dropdown-content{display:block}.navbar__dropdown:hover .navbar__dropdown-content--custom{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.navbar__form{position:relative}.navbar__form__input{background:hsla(0,0%,100%,.1);border:none;color:#ecf0f1;font-size:1.3rem;height:100%;padding:0 1.2rem;width:100%}.navbar__form__submit{background:transparent;border:none;color:hsla(0,0%,100%,.3);font-size:1.4rem;height:80%;position:absolute;right:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.navbar__form__submit:hover{color:rgba(54,118,196,.5);cursor:pointer}.navbar__menu{margin-left:.8rem}.championIcon{display:grid;height:120px;justify-items:center;text-decoration:none;width:120px}.championIcon:hover .championIcon__name{color:rgba(54,118,196,.5)}.championIcon__img{height:auto;width:70%}.championIcon__name{color:#ecf0f1;margin:0;padding:0}.champion__champion-icon{align-items:center;display:grid;justify-items:center;padding:.8rem}.champion__champion-icon:hover{cursor:pointer}.champion__champion-icon:hover p{color:#3676c4}.champions__container{background:#182331;border:1px solid hsla(0,0%,100%,.1);margin:3.2rem 0;padding:1.6rem}.champions__container h3,.champions__container h4{border-bottom:1px solid hsla(0,0%,100%,.1);color:#ecf0f1;margin:0 0 1.6rem 1.6rem;padding:1.2rem}.champions__container h4{color:rgba(236,240,241,.5);padding:1.2rem 1.2rem 1.2rem 4.8rem}.champions__container>div{align-items:center;display:grid;grid-template-columns:repeat(6,1fr);justify-items:center}.champions__container>div .loading{grid-column:1/7}.random-lanes__container{grid-template-columns:1fr 1fr;margin-top:15rem}.random-lanes__container,.random-lanes__lane{align-items:center;display:grid;justify-items:center}.random-lanes__lane{background:#182331;border:1px solid hsla(0,0%,100%,.1);grid-template-rows:.5fr 2fr;height:200px;padding:1.6rem;width:200px}.random-lanes__lane h3{border-bottom:1px solid hsla(0,0%,100%,.1);margin:0;padding:.8rem;text-align:center;text-transform:uppercase;width:100%}.random-lanes__lane .loading{grid-row:1/span 2}.random-champion{display:grid}.random-champion__container{display:grid;height:413px;justify-self:center;padding:4.8rem;position:relative;width:700px}.random-champion__container>img{height:60px;position:absolute;right:3%;top:5%;width:60px;z-index:-99}.random-champion__container h2{text-transform:uppercase}.random-champion__container h2 span{text-transform:lowercase;font-size:1.7rem;opacity:.5}.random-champion__container p{font-weight:700}.random-champion__container .loading{align-self:center;justify-self:center}.random-champion__background-img{background-repeat:no-repeat;background-size:cover;border-radius:40%;box-shadow:inset 0 0 40px 50px #1b2838;-webkit-filter:blur(3px);filter:blur(3px);height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%;z-index:-1}.random-champion__roles{align-items:center;display:grid;justify-items:center}.ReactModalPortal>div{opacity:0}.ReactModalPortal .ReactModal__Overlay{align-items:center;background-color:rgba(0,0,0,.75)!important;display:flex;justify-content:center;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;z-index:99}.ReactModalPortal .ReactModal__Overlay--after-open{opacity:1}.ReactModalPortal .ReactModal__Overlay--before-close{opacity:0}.modal{background:#182331;padding:1.6rem}.modal,.modal__body{position:relative}.modal__body img{height:413px;width:700px}.modal__body h2,.modal__body p{text-transform:uppercase}.modal__body span{color:#f35353}.modal__close{background:transparent;border:none;color:#3676c4;font-size:3rem;right:1%;position:absolute;top:1%}.modal__close:hover{color:#204674}.dashboard{display:grid;min-height:90vh}.loading{align-self:center;justify-self:center}.dashboard__top{display:flex;justify-content:space-between;height:195px;margin-top:4.8rem}.dashboard__top-summoner{align-self:center;display:grid;grid-template-columns:1fr 1fr}.dashboard__top-summoner h2{align-self:center}.dashboard__top-summoner .dashboard__top-summoner-icon{position:relative;width:131px}.dashboard__top-summoner .dashboard__top-summoner-icon p{align-items:center;background:#182331;border-radius:99px;border:1px solid hsla(0,0%,100%,.3);color:#fff;display:grid;min-height:30px;justify-items:center;left:85px;top:65px;position:absolute;min-width:30px}.dashboard__top-summoner .dashboard__top-summoner-icon .icon{height:100px;width:100px}.dashboard__top-summoner .dashboard__top-summoner-icon .icon-border{height:120px;left:-10px;top:-10px;position:absolute;width:120px}.dashboard__top-rank{background:#182331;border:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:1.6rem}.dashboard__top-rank div>span{color:hsla(0,0%,100%,.4);font-size:1.2rem}.dashboard__top-rank h4{margin:10px 0}.dashboard__top-rank p{color:hsla(0,0%,100%,.6);margin:.8rem 0}.dashboard__top-rank strong{color:hsla(0,0%,100%,.6);font-weight:400}.dashboard__top-rank strong span{color:#f35353;text-transform:uppercase}.dashboard__top-rank img{align-self:center;height:120px;width:120px}.dashboard__top-rank .unranked{display:grid;height:70%}.dashboard__top-rank .unranked h4{align-self:center}.dashboard__bottom{display:flex;justify-content:space-between;margin-top:4.8rem}.mastery{background:#182331;height:537px;padding:1.6rem}.mastery .mastery__champion{display:flex;justify-content:grid;margin:1.2rem 0}.mastery .mastery__champion img{height:70px;margin-right:.8rem;width:70px}.mastery .mastery__champion div{justify-self:left}.mastery span{color:#3676c4}.mastery p{color:hsla(0,0%,100%,.5);margin:0}.mastery h4{border-bottom:1px solid hsla(0,0%,100%,.1);margin-top:0}.no-summoner{align-self:center;color:#3676c4;font-size:3rem;justify-self:center;text-transform:uppercase}.match{background:#182331;display:grid;grid-template-columns:3fr .3fr;height:116px;margin-bottom:1.6rem;width:600px}.match__left--top{border-bottom:2px solid #1b2838;display:grid;grid-template-columns:.3fr 3fr;padding:.8rem}.match__left--top *{margin:0}.top__win{align-self:center;font-size:1rem}.top__info{align-items:center;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}.top__info>img{height:50px;width:50px}.top__spells{display:grid;grid-gap:3px}.top__spells img{height:23px;width:23px}.top__kda{color:hsla(0,0%,100%,.5);font-weight:lighter;text-align:center}.top__kda span{color:#fff;font-weight:700}.top__cs{color:hsla(0,0%,100%,.5)}.top__cs span{color:#fff;font-weight:700}.match__left--bot{display:grid;color:hsla(0,0%,100%,.5);grid-template-columns:repeat(3,1fr);padding:.8rem;font-size:1.15rem}.match__left--bot span{color:#f35353;text-transform:uppercase}.match__left--bot *{margin:0}.match__right{border-left:2px solid #1b2838;display:grid;grid-template-columns:1fr 1fr;padding:.8rem}.match__player{align-items:center;display:grid;grid-gap:3px;grid-template-columns:.3fr 3fr;height:20px}.match__player img{height:20px;width:20px}.match__player p{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:53px}.champion{background:#182331;margin-top:4.8rem;padding:4.8rem;position:relative}.champion p{color:hsla(0,0%,100%,.4)}.champion__icon{height:65px;width:65px}.champion__info{align-items:center;display:grid;grid-template-columns:.3fr 3fr;justify-items:center}.champion__info h1{justify-self:left}.champion__info h1 span{color:hsla(0,0%,100%,.5);font-size:2rem}.champion__roles{align-items:center;color:#3676c4;display:grid;justify-items:center}
/*# sourceMappingURL=main.089aa7e8.chunk.css.map */