.brawler-level{z-index:4;box-sizing:border-box;color:#fff3c3;text-shadow:0 2px #071423;pointer-events:none;background:linear-gradient(#246b94,#11324f);border:1px solid #e9b85f;border-radius:7px 7px 11px 11px;place-items:center;width:36%;min-width:18px;height:18%;min-height:12px;padding:0 2px;font:clamp(9px,14cqi,31px)/1 Brawl,serif;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 3px #040e1a,0 0 0 1px #061525}.account-portrait,.social-avatar{container-type:inline-size}.bp-crest .brawler-level{border-width:3px;border-radius:12px 12px 20px 20px}
.account-portrait{aspect-ratio:1;isolation:isolate;flex-shrink:0;width:100%;height:100%;display:inline-block;position:relative}.account-portrait .account-portrait-icon{left:50%;top:calc(50% + var(--portrait-offset,0%));width:calc(100% * var(--portrait-scale,1));height:calc(100% * var(--portrait-scale,1));object-fit:contain;border:0;border-radius:0;max-width:none;position:absolute;transform:translate(-50%,-50%)}.account-portrait .account-portrait-frame{object-fit:contain;z-index:1;border:0;width:100%;max-width:none;height:100%;position:absolute;inset:0}.account-portrait-throb{pointer-events:none;z-index:2;background:url(/account-vanity/effects/closedbeta-throb.png) 0 0/3100% 100%;animation:1.0333s steps(31,end) infinite legacy-portrait-throb;position:absolute;inset:0}.has-legacy-motion:after{content:"";mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:-1;background:url(/account-vanity/effects/flame.png) 50%/contain;animation:2s ease-in-out infinite legacy-portrait-flame;position:absolute;inset:-8%}@keyframes legacy-portrait-throb{to{background-position:103.333% 0}}@keyframes legacy-portrait-flame{50%{opacity:.55;transform:scale(1.08)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.account-portrait-throb,.has-legacy-motion:after{display:none}}.account-portrait-art{position:absolute;inset:0}.account-portrait.has-level .account-portrait-art{inset:0 10% 20%}.account-portrait-crop{-webkit-mask-image:var(--portrait-mask,none);mask-image:var(--portrait-mask,none);position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.account-portrait[data-frame-id] .account-portrait-crop{clip-path:inset(2%)}