.champ-index{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.champ-index a{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--depth-tile);color:inherit;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.45rem .6rem .45rem .45rem;text-decoration:none;display:grid}.champ-index a:hover,.champ-index a:focus-visible{background:var(--hover)}.champ-index img{border-radius:6px}.champ-index-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.champ-index-tier{text-align:center;background:var(--raised);border-radius:6px;min-width:1.6rem;padding:.1rem .35rem;font-size:.8rem;font-weight:700}.champ-index-tier[data-tier=S]{color:#fff;background:#e2553f}.champ-index-tier[data-tier=A]{color:#1a0e02;background:#f0913a}.champ-index-tier[data-tier=B]{color:#1d1602;background:#e6c24a}.champ-index-tier[data-tier=C]{color:#04121c;background:#7fb6e8}.champ-index-tier[data-tier=D]{color:#fff;background:#5b6472}@media (pointer:coarse){.champ-index{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}}