.progress-bar_root__9yucf{--height:1.5rem;position:relative}.progress-bar_heightXSmall__vN0HO{--height:0.3rem}.progress-bar_heightSmall__lnhDS{--height:0.5rem}.progress-bar_heightMedium__bXAqK{--height:0.75rem}.progress-bar_heightLarge__XAhK7{--height:1.5rem}.progress-bar_expandHeight__Po_Bs{height:var(--height)}.progress-bar_progress__lBTVv{position:absolute;left:0;top:0;height:100%;min-width:1rem;max-width:100%}.progress-bar_progress__lBTVv.progress-bar_noMinWidth__iYXh9{min-width:0}.progress-bar_label__VACXk{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;line-height:var(--height);color:var(--ds-color-white-100);font-size:var(--font-size-14);font-style:italic;font-weight:700;text-shadow:0 .0625rem .1875rem rgba(0,0,0,.4)}.progress-bar_background__bWAPF{background:var(--ds-color-white-20);border-radius:.5rem}.progress-bar_fill__tJQ0r{background:var(--ds-color-yellow-50);border-radius:.5rem}.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)}}