.normal{--animation:scroll 172s linear infinite;--animation-direction:normal}.reverse{--animation:scroll 133s linear infinite;--animation-direction:reverse}.odd{--width:13260px}.even{--width:12750px}.slider{margin:auto;width:var(--width);overflow:hidden;height:138px}.slide-track{display:flex;width:18360px;animation:var(--animation);animation-direction:var(--animation-direction)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-9000px)}}.slide{min-width:255px;width:255px;height:141px;margin-right:10px;box-shadow:1px 1px 4px #000;display:flex;align-items:center;position:relative;z-index:5;overflow:hidden;transition:all .2s ease-out;cursor:pointer}.slide .heroCard{width:100%;height:90%}.slide .heroCard img{width:100%;height:100%}.slide:hover{transform:scale(1.2);display:block;z-index:10}.slide:hover .heroname{transform:scale(1);z-index:20;bottom:15px}.slide:hover .dark-bg{background:transparent linear-gradient(transparent 50%,rgba(0,0,0,.733) 75%,#000) repeat scroll 0 0;width:100%;height:100%;position:absolute;z-index:15}.heroname{position:absolute;width:100%;height:50px;bottom:-40px;display:flex;flex-direction:row;transition:all .2s ease-out;align-items:center}.heroname .attribute img{width:42px;height:42px;padding:8px;filter:drop-shadow(0 0 4px black)}.heroname .name{font-family:"Lora",sans-serif;font-size:18px;line-height:20px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;padding:8px;text-shadow:0 0 4px #000}
/*# sourceMappingURL=main.2d44fb8c.chunk.css.map */