.rank-container{padding:2rem;background-color:var(--color-dark-grey);border-radius:2rem}.user-rank-info{display:flex;flex-direction:column;gap:.5rem;flex:1;font-size:var(--font-sm)}.user-rank-info .user-rank-image-container{justify-content:center}.user-rank-info .user-rank-image-container img{max-height:80px;max-width:80px}.user-rank-info .next-rank img{max-height:25px;max-width:25px}@media(min-width:768px){.user-rank-info{gap:1rem;flex-direction:row}.user-rank-info .user-rank-image-container img{max-height:70px;max-width:70px}}@media(max-width:768px){.user-rank-info .all-ranks-wrap{position:absolute;top:0;right:0}}.user-rank-info .user-info{max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-light-grey-1);font-size:var(--font-lg)}@media(min-width:576px){.user-rank-info .user-info{max-width:300px}}@media(max-width:768px){.user-rank-info .user-info{position:absolute;top:0;left:0}}@media(min-width:768px){.user-rank-info .user-info{max-width:100%;font-size:var(--font-xxl)}}.user-rank-info .user-info .rank-number{padding:0 5px;background-color:var(--color-dark-grey-1);border-radius:5px;border:1px solid var(--color-dark-grey-2);margin-right:5px}.user-rank-info .xp-text{font-size:var(--font-xxs)}@media(min-width:575px){.user-rank-info .xp-text{font-size:var(--font-normal)}}.user-rank-info .user-progress-bar{width:100%;height:16px;border-radius:99px;background:var(--color-dark-grey-3);position:relative}.user-rank-info .user-progress-bar .user-progress-bar-fill{height:100%;background:linear-gradient(90deg,#bb2130 -5%,#d72738);border-radius:inherit;margin:0;transition:width 1.5s cubic-bezier(.19,1,.22,1);position:relative;overflow:visible}.user-rank-info .user-progress-bar .user-progress-bar-content{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;text-shadow:0 0 10px var(--color-dark-grey-1);display:flex;justify-content:center;align-items:center}.rank-progress-container .circle-container-complete:after{border-color:var(--color-accent-primary)!important}.rank-progress-container .circle-container-current:after{border-color:var(--color-accent-primary-tone-down)!important}.rank-progress-container .circle-container:not(.circle-container-last):after{content:"";position:absolute;border-left:3px solid;z-index:0;height:calc(100% + 40px);transform:translateX(11px)}.rank-progress-container .circle{z-index:1;background-color:var(--color-dark-grey-5);color:#999;border-radius:50%;height:25px;width:25px;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-dark-grey-3);transition:.4s ease;position:relative;top:50%}.rank-progress-container .circle.next{border-color:var(--color-accent-primary-tone-down)}.rank-progress-container .circle.complete{border-color:var(--color-accent-primary)}.rank-progress-container .circle.complete:after{content:"";display:block;position:absolute;top:3px;width:6px;height:12px;border:solid var(--color-accent-primary);border-width:0 3px 3px 0;transform:rotate(45deg)}.rank-progress-container .circle.not-started{border-color:var(--color-dark-grey-1)}.rank-progress-container .rank-img{width:30px;margin:0 10px!important}.rank-progress-container .rank-img-10,.rank-progress-container .rank-img-16,.rank-progress-container .rank-img-17,.rank-progress-container .rank-img-18,.rank-progress-container .rank-img-19,.rank-progress-container .rank-img-20,.rank-progress-container .rank-img-26,.rank-progress-container .rank-img-27,.rank-progress-container .rank-img-28,.rank-progress-container .rank-img-29,.rank-progress-container .rank-img-30,.rank-progress-container .rank-img-36,.rank-progress-container .rank-img-37,.rank-progress-container .rank-img-38,.rank-progress-container .rank-img-39,.rank-progress-container .rank-img-40,.rank-progress-container .rank-img-6,.rank-progress-container .rank-img-7,.rank-progress-container .rank-img-8,.rank-progress-container .rank-img-9{margin:0 5px!important;width:40px}