.avatar.zzz{background:#444445;position:relative}.avatar.zzz.pw-card{background-color:inherit;border:0;display:block}.avatar.zzz.rarity-B{background:linear-gradient(#0087ec 0%,#34b6c1 100%);border-bottom-color:#34b6c1}.avatar.zzz.rarity-A{background:linear-gradient(#8c37bd 0%,#be6fed 100%);border-bottom-color:#952fd2}.avatar.zzz.rarity-S{background:linear-gradient(#d19910 0%,#d7bc57 100%);border-bottom-color:#d7bc57}.avatar.zzz>img{width:100%;height:auto;display:block}.inline-character-zzz{vertical-align:middle;align-items:center;padding-left:5px;font-weight:600;transition:all .7s;display:inline-flex;color:#ca9f76!important}.inline-character-zzz.rarity-A{color:#be6fed!important}.inline-character-zzz.rarity-A:hover{transition:all .7s;color:#8a5fcc!important}.inline-character-zzz.rarity-S{color:#d7bc57!important}.inline-character-zzz.rarity-S:hover{transition:all .7s;color:#d19910!important}.inline-character-zzz .avatar{border-bottom-width:2px;width:38px;height:38px;transition:all .7s;display:inline-block;overflow:hidden;margin-bottom:-6px!important}.inline-character-zzz .avatar img{width:100%;height:auto;margin:0!important}.inline-character-zzz .inline-name{padding-bottom:5px;padding-left:5px}
.zzz-small-role{text-transform:uppercase;text-align:center;font-size:14px;font-weight:600}.zzz-small-role.dps{color:#ed343e}.zzz-small-role.sec-dps{color:#c267ec}.zzz-small-role.stun{color:#ffc000}.zzz-small-role.support{color:#7cde97}.character-popover .zzz-role{text-align:center;background-color:#1e1e24;border:1px solid #2d2d35;margin-bottom:5px;padding:8px 5px;font-size:12px}.character-popover .zzz-role p{margin-bottom:0}.character-popover .zzz-role .role{font-weight:600}.character-popover .zzz-role .role svg{margin:0!important;padding:0!important}.character-popover .zzz-role .role.dps{color:#ed343e}.character-popover .zzz-role .role.sec-dps{color:#c267ec}.character-popover .zzz-role .role.stun{color:#ffc000}.character-popover .zzz-role .role.support{color:#7cde97}.character-popover.zzz .top .details{width:100%}.character-popover.zzz .top p.name{margin:10px 0 5px}.character-popover.zzz .top .type-class,.character-popover.zzz .bottom.full{margin-bottom:5px}.character-popover.zzz .bottom.full .rating-box-container{width:100%}.character-popover.zzz .top .avatar.zzz{background:#444445}.character-popover.zzz .top .avatar.zzz.rarity-B{background:linear-gradient(#0087ec 0%,#34b6c1 100%);border-bottom-color:#34b6c1}.character-popover.zzz .top .avatar.zzz.rarity-A{background:linear-gradient(#c637af 0%,#e8addc 100%);border-bottom-color:#e8addc}.character-popover.zzz .top .avatar.zzz.rarity-S{background:linear-gradient(#de810b 0%,#d7bc57 100%);border-bottom-color:#d7bc57}