.champion{position:relative}.champion__container,.champion--compact-with-name{flex-direction:column;align-items:center;display:flex}.champion__container{padding-left:.625rem;padding-right:.625rem}.champion__image-wrapper{aspect-ratio:1;border-radius:.25rem;width:70px;height:70px;position:relative;overflow:visible}.champion__image-wrapper--compact{width:30px;height:30px}.champion__image-wrapper--three-star:before{content:"★★★";color:#e4c157;text-align:center;letter-spacing:-3px;text-shadow:0 3px 3px #000;z-index:10;pointer-events:none;width:100%;margin-left:-1px;font-size:14px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.champion__image{object-fit:contain;width:100%;height:100%}.champion__fallback{background-color:#3f3f46;border-radius:.25rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.champion__fallback-text{color:#a1a1aa;font-size:.75rem;line-height:1rem}.champion__fallback-text--compact{font-size:8px}.champion__unlock-icon{background-color:#0d202b;border:1px solid #fff6;border-radius:9999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-5px;right:-5px}.champion__unlock-icon-image{width:14px;height:14px}.champion__items{justify-content:center;align-items:center;gap:.25rem;margin-bottom:-10px;display:flex;position:absolute;bottom:0;left:0;right:0}.champion__items--alternate{opacity:.9}.champion__items-badge{color:#cbd5e1;letter-spacing:.04em;text-transform:uppercase;background-color:#0f111aeb;border:1px solid #ffffff29;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:16px;padding:0 .35rem;font-size:.55rem;font-weight:700;display:inline-flex}.champion__name{text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;width:65px;min-height:15px;margin-top:.5rem;margin-left:auto;margin-right:auto;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.champion__name--compact-visible{width:100%;min-width:0}