@media (max-width:768px){.grid,.grid-container{width:100vw}}.grid{margin-bottom:180px}#filters,#filters-mobile{background-color:#070933;color:#fff;font-size:13px;font-size:.8125rem;text-transform:uppercase}#filters{position:relative}#filters ul{bottom:0;display:flex;flex-direction:column;justify-content:space-around;left:0;padding:30px;position:absolute;right:0;top:0}#filters button{font-size:12px;font-size:.75rem;letter-spacing:3px;text-align:left;text-transform:uppercase}#filters button:hover{font-weight:700}#filters button.is-checked{font-weight:600}.mobile-filters{display:none}@media (max-width:768px){.mobile-filters{display:block}}.grid-item{background-color:#f5f5f7;padding-top:19.25%;position:relative;width:calc(25% - 2px)}@media (max-width:1100px){.grid-item{max-width:calc(33.33333% - 2px);padding-top:29%;width:calc(33.33333% - 2px)}}@media (max-width:768px){.grid-item{height:calc(50vw - 2px);max-width:calc(50% - 2px);width:calc(50% - 2px)}}.grid-item.Wx2{width:calc(50% - 2px)}@media (max-width:1100px){.grid-item.Wx2{max-width:calc(66.66667% - 2px);width:calc(66.66667% - 2px)}}@media (max-width:768px){.grid-item.Wx2{max-width:100vw;width:100vw}}.grid-item.Hx2{padding-top:calc(38.5% + 2px)}@media (max-width:1100px){.grid-item.Hx2{padding-top:calc(58% + 2px)}}@media (max-width:768px){.grid-item.Hx2{height:100vw}}.grid-item .champion-link{align-items:center;bottom:0;display:flex;flex-direction:row;justify-content:center;left:0;padding:10%;position:absolute;right:0;top:0}.grid-item .champion-link:hover img{filter:grayscale(0);transform:scale(1)}.grid-item .champion-link img{filter:grayscale(1);max-height:75%;max-width:100%;object-fit:contain;transform:scale(.95);transition:transform .2s ease-out,filter .2s ease-out;width:75%}@media (max-width:768px){.grid-item .champion-link img{width:70%}}.grid-item .exit{align-items:center;background-color:#070933;bottom:0;color:#f5f5f7;display:flex;flex-direction:row;font-size:12px;font-size:.75rem;font-weight:600;height:28px;justify-content:flex-end;left:0;padding-right:10px;position:absolute;right:0;text-transform:uppercase}@media (max-width:768px){.grid-item .exit{font-size:12px;font-size:.75rem;height:32px}}.grid-item .exit:after{border-color:#f5f5f7 transparent transparent;border-style:solid;border-width:28px 28px 0 0;bottom:0;content:"";height:0;left:0;position:absolute;top:0;width:0}@media (max-width:768px){.grid-item .exit:after{border-color:#f5f5f7 transparent transparent;border-style:solid;border-width:32px 32px 0 0;bottom:0;content:"";height:0;left:0;position:absolute;top:0;width:0}}.grid-item>*{margin:0;padding:0}.select-hidden{display:none;padding-right:10px;visibility:hidden}.select{color:#fff;cursor:pointer;display:inline-block;font-size:16px;height:42px;position:relative;width:100%}.select-styled{align-items:center;background-color:#070933;bottom:0;display:flex;flex-direction:row;font-size:13px;font-size:.8125rem;justify-content:space-between;left:0;padding:0 15px;position:absolute;right:0;text-transform:uppercase;top:0;transition:all .2s ease-in}.select-styled:hover{background-color:#080b3c}.select-styled.active .icon,.select-styled:active .icon{transform:rotateX(180deg)}.select-styled .icon{font-size:10px;font-size:.625rem;transform:rotateX(0deg);transition:transform .2s ease-in-out}.select-options{background-color:#070933;border-top:1px solid #f5f5f7;display:none;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;top:100%;z-index:999}.select-options li{font-size:13px;font-size:.8125rem;margin:0;padding:12px 0;text-indent:15px;text-transform:uppercase;transition:all .15s ease-in}.select-options li:hover{background:#090b40;color:#fff}.select-options li[rel=hide]{display:none}