body{font-family:"Bree Serif",sans-serif}#root{background-color:azure;padding:0;width:100vw}.champ-list,.container{display:flex}.champ-list{flex-flow:row wrap;height:100vh;overflow-y:scroll;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.champ{height:60px}.champ img{width:60px}.champ-name{display:none}.champ img:hover{-webkit-transform:scale(2);transform:scale(2)}.champ-detail,.champ-detail-loading{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:310px;position:relative}.champ-detail-loading{align-items:center;display:flex;height:100vh;justify-content:center}.champ-detail h3{background-image:linear-gradient(90deg,hsla(0,0%,100%,.705),hsla(0,0%,100%,0) 80%);font-size:1.5em;padding:20px;position:absolute;top:0;width:100%}.champ-detail span{font-size:14px}.spell-list{bottom:0;display:flex;flex-direction:column;margin:20px;position:absolute;row-gap:10px}.spell-list img{border:1px solid #fff}.spell-list img.active{outline:3px solid gold}.spell-list img:not(img.active){opacity:.7}.spell-detail{background-color:hsla(0,0%,100%,.664);bottom:0;left:100px;padding:10px;position:absolute;width:70vw}.spell-detail div{display:flex}.spell-detail video{max-width:400px;width:100%}.pasif{position:relative}.pasif p{background-image:linear-gradient(90deg,hsla(0,0%,100%,.705),hsla(0,0%,100%,0) 80%);color:#000;font-size:10px;letter-spacing:.1rem;padding:5px;width:100%}.pasif p,.stats{bottom:0;position:absolute}.stats{background-color:hsla(0,0%,100%,.336);padding:20px;right:0;word-spacing:2em}.skin-list{display:flex;overflow:scroll;width:305px}.skin{display:flex;flex-direction:column;margin:10px}.skin-list .active{background-color:rgba(0,0,0,.603);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.skin-list .active img{margin:auto}.skin-list .skin img{min-width:150px;width:100%}@media screen and (max-width:450px){.container{display:flex;flex-direction:column}.champ-detail img:first-child{width:95%}.champ-list{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:3000px}.list{overflow:scroll;width:100vw}.stats{right:30px}.skin-list,.spell-detail video{width:100%}}
/*# sourceMappingURL=main.a38bb8fc.css.map*/