@keyframes xp-rainbow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes xp-pulse-glow{0%,to{box-shadow:0 0 6px color-mix(in srgb,var(--pill-glow) 45%,transparent),0 0 0 1px hsla(0,0%,100%,.12) inset}50%{box-shadow:0 0 14px color-mix(in srgb,var(--pill-glow) 75%,transparent),0 0 22px color-mix(in srgb,var(--pill-glow) 35%,transparent),0 0 0 1px hsla(0,0%,100%,.22) inset}}@keyframes xp-orbit{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(18deg) brightness(1.12)}to{filter:hue-rotate(0deg) brightness(1)}}@keyframes xp-max-pulse{0%,to{transform:scale(1);box-shadow:0 0 10px rgba(255,140,0,.55),0 0 22px rgba(148,0,211,.35),inset 0 0 0 1px hsla(0,0%,100%,.25)}50%{transform:scale(1.06);box-shadow:0 0 18px rgba(255,215,0,.75),0 0 36px rgba(255,0,128,.45),0 0 48px rgba(0,191,255,.3),inset 0 0 0 1px hsla(0,0%,100%,.4)}}@keyframes xp-cosmic-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[class*=xp-pill-]{position:relative;isolation:isolate;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1)}.xp-pill-glow{box-shadow:0 0 8px color-mix(in srgb,var(--pill-glow) 50%,transparent),0 0 0 1px hsla(0,0%,100%,.14) inset}.xp-pill-shimmer{animation:xp-pulse-glow 2.8s ease-in-out infinite;box-shadow:0 0 10px color-mix(in srgb,var(--pill-glow) 55%,transparent)}.xp-pill-pulse{animation:xp-pulse-glow 2.4s ease-in-out infinite}.xp-pill-orbit{animation:xp-orbit 3.2s ease-in-out infinite,xp-pulse-glow 2.8s ease-in-out infinite}.xp-pill-flare{animation:xp-orbit 2.6s ease-in-out infinite,xp-pulse-glow 2s ease-in-out infinite;box-shadow:0 0 12px color-mix(in srgb,var(--pill-glow) 60%,transparent)}.xp-pill-elite{animation:xp-orbit 2.2s ease-in-out infinite,xp-pulse-glow 1.8s ease-in-out infinite;box-shadow:0 0 14px color-mix(in srgb,var(--pill-glow) 65%,transparent),0 0 0 1px hsla(0,0%,100%,.2) inset}.xp-pill-elite:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,hsla(0,0%,100%,.5),transparent,hsla(0,0%,100%,.35));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.xp-pill-legend{animation:xp-orbit 1.9s ease-in-out infinite,xp-pulse-glow 1.5s ease-in-out infinite;box-shadow:0 0 16px color-mix(in srgb,var(--pill-glow) 70%,transparent),0 0 28px color-mix(in srgb,var(--pill-glow) 30%,transparent)}.xp-pill-mythic{animation:xp-orbit 1.6s ease-in-out infinite,xp-pulse-glow 1.2s ease-in-out infinite;box-shadow:0 0 18px color-mix(in srgb,var(--pill-glow) 80%,transparent),0 0 32px color-mix(in srgb,var(--pill-glow) 40%,transparent)}.xp-pill-mythic:before{content:"";position:absolute;inset:-3px;border-radius:inherit;background:conic-gradient(from 0deg,var(--pill-glow),transparent,var(--pill-glow));opacity:.45;animation:xp-cosmic-spin 4s linear infinite;z-index:-1}.xp-pill-cosmic{animation:xp-orbit 1.3s ease-in-out infinite,xp-pulse-glow 1s ease-in-out infinite;box-shadow:0 0 20px color-mix(in srgb,var(--pill-glow) 85%,transparent),0 0 40px color-mix(in srgb,var(--pill-glow) 45%,transparent),0 0 0 1px hsla(0,0%,100%,.3) inset}.xp-pill-cosmic:before{content:"";position:absolute;inset:-4px;border-radius:inherit;background:conic-gradient(from 0deg,#ff8c00,#ff006e,#8338ec,#3a86ff,#ff8c00);opacity:.55;animation:xp-cosmic-spin 2.5s linear infinite;z-index:-1;filter:blur(2px)}.xp-pill-rainbow{background:linear-gradient(90deg,red,#ff8c00,gold,#0f0,#00bfff,#9400d3,red)!important;background-size:300% 100%!important;animation:xp-rainbow 2.5s ease infinite}.xp-pill-max{animation:xp-rainbow 1.8s ease infinite,xp-max-pulse 1.4s ease-in-out infinite;z-index:1}.xp-pill-max:before{content:"";position:absolute;inset:-5px;border-radius:inherit;background:linear-gradient(90deg,red,#ff8c00,gold,#0f0,#00bfff,#9400d3,red);background-size:300% 100%;animation:xp-rainbow 1.8s ease infinite;opacity:.65;filter:blur(8px);z-index:-1}