/* Clip the image itself, not the square object-fit canvas around it. */
.cardLeaderboardPromotedPage .cardLeaderboardTestImage{
    background:transparent;border-color:transparent;box-shadow:none;
}
.cardLeaderboardPromotedPage .cardLeaderboardTestImage:focus-visible{
    outline:2px solid var(--flat-accent,var(--text));outline-offset:2px;
}
/* Center the image on the whole tile rather than the space after the rank. */
.cardLeaderboardPromotedPage .cardLeaderboardTestItems--grid .cardLeaderboardTestLead{
    grid-template-columns:minmax(0,1fr);
}
.cardLeaderboardPromotedPage .cardLeaderboardTestItems--grid .cardLeaderboardTestImage{
    grid-area:1 / 1;width:calc(100% - 46px);justify-self:center;
}
.cardLeaderboardPromotedPage .cardLeaderboardTestItems--grid .cardLeaderboardTestRankCell{
    grid-area:1 / 1;justify-self:start;width:34px;z-index:1;
}
#resultsGrid .cardImageWrap img,
.cardLeaderboardTestItems--grid .cardLeaderboardTestImage img{
    width:auto;height:calc(100% - 20px);max-width:calc(100% - 20px);
    padding:0;border:0;background:transparent;
    border-radius:5% / 3.6%;clip-path:inset(.35% .4% round 5% / 3.6%);
}
/* The same proportional corners scale down naturally for list thumbnails. */
.cardLeaderboardTestItems.watchlistRows .cardLeaderboardTestImage img{
    width:calc(100% - 8px);height:auto;max-height:calc(100% - 8px);
    padding:0;border:0;background:transparent;
    border-radius:5% / 3.6%;clip-path:inset(.35% .4% round 5% / 3.6%);
}
#cardTable .setCardThumbnail{
    width:88px;height:auto;display:block;margin:6px;
    padding:0;border:0;background:transparent;
    border-radius:5% / 3.6%;clip-path:inset(.35% .4% round 5% / 3.6%);
}