.tippy-box.character-hover-box.sxs-skill-pop,.tippy-box.character-hover-box.sxs-fantomon-pop,.custom-popover.character-hover-box.sxs-skill-pop,.custom-popover.character-hover-box.sxs-fantomon-pop{color:#cdd6f4;box-shadow:0 12px 30px -8px #000000a6;background-color:#23242a!important;border:1px solid #ffffff1f!important;border-radius:8px!important;width:320px!important;max-width:calc(100vw - 20px)!important;padding:0!important}.tippy-box.character-hover-box.sxs-skill-pop .tippy-content,.tippy-box.character-hover-box.sxs-fantomon-pop .tippy-content{padding:0}.sxs-popover{color:#cdd6f4;flex-direction:column;padding:12px;font-size:13px;line-height:1.45;display:flex}.sxs-popover-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:8px;display:flex}.sxs-popover-header img{border-radius:4px;flex-shrink:0}.sxs-popover-title{flex-direction:column;gap:2px;min-width:0;display:flex}.sxs-popover-title strong{color:#f5f5f5;font-size:15px}.sxs-popover-subtitle{color:#a6adc8;align-items:center;gap:6px;margin:0;font-size:12px;display:inline-flex}.sxs-popover-subtitle img{border-radius:0}.sxs-popover-body{color:#cdd6f4;font-size:13px}.sxs-popover-body p{margin:0 0 6px}.sxs-popover-body p:last-child{margin-bottom:0}.sxs-popover-body strong{color:#f9e2af}.sxs-skill-popover.type-technique .sxs-popover-title strong{color:#8ab4ff}.sxs-skill-popover.type-charm .sxs-popover-title strong{color:#f4a8e6}.sxs-fantomon-popover .sxs-skill-name{color:#f9e2af;margin-bottom:4px;font-size:13px}.sxs-rarity{text-transform:uppercase;letter-spacing:.04em;background:#ffffff14;border-radius:4px;padding:1px 6px;font-size:11px;display:inline-block}.sxs-rarity.rarity-rainbow{color:#1e1e2e;background:linear-gradient(90deg,#ff7eb3,#ffd479,#79e2ff)}.sxs-rarity.rarity-ssr{color:#ffd479;background:linear-gradient(90deg,#ffc74f,#ffd479)}.sxs-rarity.rarity-sr{color:#c79bff;background:linear-gradient(90deg,#9c66e3,#c79bff)}
.inline-character-sxs{vertical-align:middle;align-items:center;padding-left:5px;font-weight:600;transition:color .3s;display:inline-flex;color:#f9e2af!important}.inline-character-sxs:hover{color:#fff1c1!important}.inline-character-sxs .avatar.sxs-companion{background-color:#ffffff0d;border:2px solid #f9e2af66;border-radius:50%;width:32px;height:32px;display:inline-block;overflow:hidden}.inline-character-sxs .avatar.sxs-companion img{object-fit:cover;object-position:center top;width:100%;height:100%;margin:0!important}.inline-character-sxs .inline-name{padding-left:5px}
.inline-fantomon-sxs{vertical-align:middle;align-items:center;padding-left:5px;font-weight:600;transition:color .3s;display:inline-flex;color:#cdd6f4!important}.inline-fantomon-sxs:hover{color:#fff!important}.inline-fantomon-sxs.rarity-rainbow{background:linear-gradient(90deg,#ff7eb3,#ffd479,#79e2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:#ffd479!important}.inline-fantomon-sxs.rarity-ssr{color:#ffd479!important}.inline-fantomon-sxs.rarity-ssr:hover{color:#ffe7a8!important}.inline-fantomon-sxs.rarity-sr{color:#c79bff!important}.inline-fantomon-sxs.rarity-sr:hover{color:#dab8ff!important}.inline-fantomon-sxs .avatar.sxs-fantomon{background-color:#ffffff0d;border:2px solid #ffffff26;border-radius:50%;width:32px;height:32px;display:inline-block;overflow:hidden}.inline-fantomon-sxs .avatar.sxs-fantomon.rarity-rainbow,.inline-fantomon-sxs .avatar.sxs-fantomon.rarity-ssr{border-color:#ffd479}.inline-fantomon-sxs .avatar.sxs-fantomon.rarity-sr{border-color:#c79bff}.inline-fantomon-sxs .avatar.sxs-fantomon img{object-fit:cover;object-position:center;width:100%;height:100%;margin:0!important}.inline-fantomon-sxs .inline-name{padding-left:5px}
.inline-skill-sxs{vertical-align:middle;align-items:center;padding-left:5px;font-weight:600;transition:color .3s;display:inline-flex;color:#cdd6f4!important}.inline-skill-sxs:hover{color:#fff!important}.inline-skill-sxs.type-technique{color:#8ab4ff!important}.inline-skill-sxs.type-technique:hover{color:#b6cdff!important}.inline-skill-sxs.type-charm{color:#f4a8e6!important}.inline-skill-sxs.type-charm:hover{color:#ffc8f1!important}.inline-skill-sxs .avatar.sxs-skill{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;width:32px;height:32px;display:inline-block;overflow:hidden}.inline-skill-sxs .avatar.sxs-skill img{object-fit:cover;object-position:center;width:100%;height:100%;margin:0!important}.inline-skill-sxs .inline-name{padding-left:5px}