.champions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (min-width:640px){.champions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.champions-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1024px){.champions-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1280px){.champions-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.champions-grid__empty{text-align:center;color:#52525b;padding-top:2rem;padding-bottom:2rem}@media (prefers-color-scheme:dark){.champions-grid__empty{color:#a1a1aa}}
.champions-overview{max-width:1536px;margin-left:auto;margin-right:auto;padding:2rem 1rem}.champions-overview__title{margin-bottom:1.5rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}.champions-overview__layout{gap:1.5rem;display:flex}.champions-overview__sidebar{border-right:1px solid #3f3f46;width:33.3333%;padding-right:1.5rem}.champions-overview__main{width:66.6667%}.champions-overview__loading{justify-content:center;align-items:center;height:16rem;display:flex}.champions-overview__loading-text{font-size:1.125rem;line-height:1.75rem}