.avatar{border-radius:var(--radius-none);background-size:contain;border-bottom:5px solid #dfdfe5}.avatar.reso{background:#444445;position:relative}.avatar.reso.pw-card{background-color:inherit;border:0;display:block}.avatar.reso img{width:100%;height:auto}.avatar.reso.N{background:linear-gradient(#565656 0%,#989898 53%);border-bottom-color:#5e5e5e}.avatar.reso.R{background:linear-gradient(#59a4e0 0%,#a5d7ff 53%);border-bottom-color:#a5d7ff}.avatar.reso.SR{background:linear-gradient(#996bce 0%,#cb9fff 53%);border-bottom-color:#cb9fff}.avatar.reso.SSR{background:linear-gradient(#885550 0%,#c9a36a 53%);border-bottom-color:#c9a36a}
.inline-character-reso{vertical-align:middle;align-items:center;padding-left:5px;font-weight:600;transition:all .7s;display:inline-flex;color:#ca9f76!important}.inline-character-reso.N{color:#bebebe!important}.inline-character-reso.N:hover{transition:all .7s;color:#9c9c9c!important}.inline-character-reso.R{color:#a5d7ff!important}.inline-character-reso.R:hover{transition:all .7s;color:#a5d7ff!important}.inline-character-reso.SR{color:#cb9fff!important}.inline-character-reso.SR:hover{transition:all .7s;color:#8a5fcc!important}.inline-character-reso.SSR{color:#ffd151!important}.inline-character-reso.SSR:hover{transition:all .7s;color:#e4a600!important}.inline-character-reso.UR{color:#f0a313!important}.inline-character-reso.UR:hover{transition:all .7s;color:#c98810!important}.inline-character-reso .avatar{border-bottom-width:2px;width:38px;height:38px;transition:all .7s;display:inline-block;overflow:hidden}.inline-character-reso .avatar img{object-fit:cover;object-position:center top;width:100%;height:100%;margin:0!important}.inline-character-reso .inline-name{padding-bottom:2px;padding-left:5px}span:has(>.inline-character-reso){vertical-align:middle;align-items:center;line-height:1;display:inline-flex}
.character-popover.reso .top .details{width:100%}.character-popover.reso .top p.name{margin:10px 0 5px}.character-popover.reso .top .type-class{margin-bottom:5px}.character-popover.reso .bottom .rating-box-container p{color:#fff}.custom-popover.character-hover-box.reso-eq{text-align:center}.custom-popover.character-hover-box.reso-eq p{margin-bottom:5px}.custom-popover.character-hover-box.reso-eq .emp-name{text-transform:uppercase;font-size:16px;font-weight:600}.custom-popover.character-hover-box.reso-eq .emp-name.rarity-3{color:#6a7fd2!important}.custom-popover.character-hover-box.reso-eq .emp-name.rarity-4{color:#ffc978!important}.custom-popover.character-hover-box.reso-eq .emp-name.rarity-5{color:#d589f8!important}