.champion-tooltip{z-index:50;color:#71717a;background-color:#fafafa;border:1px solid #d4d4d8;width:300px;font-size:15px;position:absolute;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (prefers-color-scheme:dark){.champion-tooltip{color:#a1a1aa;background-color:#18181b;border-color:#3f3f46}}.champion-tooltip__content{flex-direction:column;max-width:350px;display:flex}.champion-tooltip__row{display:flex}.champion-tooltip__column--champion{border-right:1px solid #d4d4d8;flex-direction:column;align-items:center;padding:10px;display:flex}@media (prefers-color-scheme:dark){.champion-tooltip__column--champion{border-right-color:#52525b}}.champion-tooltip__column--traits{border-right:1px solid #d4d4d8;flex-direction:column;flex-grow:1;justify-content:center;min-height:100%;padding-top:5px;padding-bottom:5px;display:flex}@media (prefers-color-scheme:dark){.champion-tooltip__column--traits{border-right-color:#52525b}}.champion-tooltip__column--tier{justify-content:center;align-items:center;padding:5px 10px;line-height:1em;display:flex}.champion-tooltip__champion-image{width:50px;height:50px;margin-bottom:.25rem}.champion-tooltip__champion-fallback{justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.champion-tooltip__champion-name{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.champion-tooltip__trait-item{white-space:pre-wrap;flex-direction:row;align-items:center;padding:5px 10px;display:flex}.champion-tooltip__trait-image{width:20px;height:20px;margin-right:5px}.champion-tooltip__trait-name{text-align:left;flex-grow:1;font-weight:700}.champion-tooltip__tier-number{font-size:1.125rem;font-weight:700;line-height:1.75rem}.champion-tooltip__section{border-top:1px solid #d4d4d8;width:100%;padding:10px}@media (prefers-color-scheme:dark){.champion-tooltip__section{border-top-color:#52525b}}.champion-tooltip__section--items{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.champion-tooltip__section--powerups{flex-wrap:wrap;display:flex}.champion-tooltip__powerup-item{margin-right:5px;display:flex}.champion-tooltip__unlock-container{align-items:flex-start;gap:.5rem;display:flex}.champion-tooltip__unlock-icon{flex-shrink:0;width:16px;height:16px;margin-top:.125rem}.champion-tooltip__unlock-text{white-space:pre-wrap}
.champion{position:relative}.champion__container{flex-direction:column;align-items:center;padding-left:.625rem;padding-right:.625rem;display:flex}.champion__image-wrapper{aspect-ratio:1;border-style:solid;border-width:1px;border-radius:.25rem;width:70px;height:70px;position:relative}.champion__image-wrapper--compact{width:30px;height:30px}.champion__image{object-fit:contain;width:100%;height:100%}.champion__fallback{background-color:#e4e4e7;border-radius:.25rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (prefers-color-scheme:dark){.champion__fallback{background-color:#3f3f46}}.champion__fallback-text{color:#71717a;font-size:.75rem;line-height:1rem}@media (prefers-color-scheme:dark){.champion__fallback-text{color:#a1a1aa}}.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;margin-bottom:-10px;display:flex;position:absolute;bottom:0;left:0;right:0}.champion__name{text-align:center;color:#000;white-space:nowrap;text-overflow:ellipsis;width:45px;min-height:15px;margin-top:.5rem;font-size:.875rem;font-weight:500;display:inline;overflow:hidden}@media (prefers-color-scheme:dark){.champion__name{color:#fff}}