.xp-progress-bar_xpChange__CV4yC{position:relative;z-index:1}.xp-progress-bar_xpChangeGrid___8qIv{display:grid;grid-template-areas:"space        xpProgress  space2" "currentLevel progressBar nextLevel" "newTitle     newTitle    newTitle";grid-template-columns:auto 1fr auto;margin:auto 0;gap:.25rem 1rem;flex:1 1}.xp-progress-bar_currentLevel__s4v11{grid-area:currentLevel;text-align:left}.xp-progress-bar_level__2gzMi{flex:0 1 auto;line-height:var(--line-height-20);position:relative;font-size:var(--font-size-16);font-weight:700;font-style:italic;color:var(--ds-color-white-100);text-transform:uppercase;display:flex;align-items:flex-end}.xp-progress-bar_nextLevel___ipuk{grid-area:nextLevel;text-align:right;color:var(--ds-color-white-20)}.xp-progress-bar_levelUpIndicator__YGb7p{position:absolute;bottom:0;opacity:0;animation:xp-progress-bar_fadeInAndOut__iVSzr .5s linear forwards;color:var(--ds-color-yellow-50);white-space:nowrap}.xp-progress-bar_progressBar__8ObaV{grid-area:progressBar}.xp-progress-bar_xpProgress__K8BSg{grid-area:xpProgress;font-size:var(--font-size-16);font-weight:700;font-style:italic;color:var(--ds-color-yellow-50);text-transform:uppercase;text-align:center}.xp-progress-bar_variantWhite__cZBq7{color:var(--ds-color-white-100)}.xp-progress-bar_variantYellow___5tsO{color:var(--ds-color-yellow-50)}@keyframes xp-progress-bar_fadeInAndOut__iVSzr{0%{opacity:0;transform:translateY(0) scale(.5)}25%{opacity:1;transform:translateY(-31.25%) scale(.5)}75%{opacity:1;transform:translateY(-93.75%) scale(.75)}to{opacity:0;transform:translateY(-125%) scale(1)}}@keyframes xp-progress-bar_fadeIn__GXjfx{0%{opacity:0;transform:translateX(-25%) scale(.5)}to{opacity:1;transform:translateX(0) scale(1)}}@media only screen and (max-width:679px){.xp-progress-bar_xpChangeGrid___8qIv{grid-template-areas:"currentLevel xpProgress  nextLevel" "progressBar  progressBar progressBar" "newTitle     newTitle    newTitle";grid-template-columns:minmax(3rem,auto) 1fr minmax(3rem,auto)}}