.champion-avatar{box-sizing:border-box;background:var(--ring-color);vertical-align:middle;transition:transform .2s var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:2.5px;line-height:0;text-decoration:none;display:inline-flex;position:relative}.champion-avatar-inner{background:var(--surface-sunken);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.champion-avatar img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.15)}.champion-avatar.champion-avatar-glow{box-shadow:0 0 14px 1px color-mix(in srgb, var(--ring-color) 70%, transparent)}button.champion-avatar-clickable{border:none}button.champion-avatar-clickable:hover img{filter:brightness(1.18)}button.champion-avatar-clickable:hover{transform:scale(1.06)}.champion-avatar-rank{background:var(--surface);border:1px solid var(--divider-strong);min-width:16px;height:16px;color:var(--text-primary);font-family:var(--font-display);text-align:center;border-radius:999px;padding:0 3px;font-size:10px;font-weight:700;line-height:16px;position:absolute;bottom:-3px;right:-3px}