.logo{border-radius:var(--radius-circle);background-position:50%;background-size:cover;background-color:var(--color-neutral-white);width:1em;height:1em;-webkit-box-shadow:var(--shadow-elevation-1);box-shadow:var(--shadow-elevation-1);vertical-align:middle;display:inline-flex}.logo--circle{border:.05em solid var(--color-neutral-white);position:relative}.logo--circle .logo__img{border-radius:var(--radius-circle);position:absolute;inset:0;overflow:hidden}.logo--sponsor{-webkit-box-shadow:none;box-shadow:none;background-color:#0000;background-repeat:no-repeat;background-size:contain;border:none;border-radius:0}.logo--legendary:before,.logo--epic:before{content:"";background:rgba(var(--rarity-color-rgb--legendary), .4);border-radius:var(--radius-circle);position:absolute;inset:.05em}.logo--legendary{background-color:var(--color-neutral-black);border-color:var(--rarity-color--legendary)}.logo--legendary:before{background:rgba(var(--rarity-color-rgb--legendary), .2)}.logo--epic{background-color:var(--color-neutral-black);border-color:var(--rarity-color--epic)}.logo--epic:before{background:rgba(var(--rarity-color-rgb--epic), .2)}.theme-light .logo--circle{border-color:var(--color-elevation-3)}