.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,var(--color-accent-primary) 0,var(--color-accent-primary-hover) 100%);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-41,.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}.xp-info-content{text-align:left}.xp-info-content p{margin-bottom:.75rem;line-height:1.5}.xp-info-content ul{margin:.75rem 0 1rem;padding-left:1.25rem}.xp-info-content ul li{margin-bottom:.5rem;position:relative;padding-left:.5rem}.xp-info-content ul li::marker{color:var(--color-accent-primary)}.xp-info-content .xp-rate-callout{border:1px solid var(--color-accent-primary);border-radius:.75rem;padding:1rem;margin:1rem 0;text-align:center}.xp-info-content .xp-rate-callout .xp-rate-value{color:var(--color-accent-primary);font-weight:700;font-size:var(--font-lg);margin-bottom:.25rem}.xp-info-content .xp-rate-callout .xp-rate-note{color:var(--color-light-grey-2);font-size:var(--font-sm)}.xp-info-content .xp-tip{background-color:var(--color-dark-grey-2);border-radius:.5rem;padding:.75rem 1rem;margin-top:1rem;display:flex;align-items:flex-start;gap:.5rem}.xp-info-content .xp-tip .tip-label{color:var(--color-accent-primary);font-weight:700;white-space:nowrap}.xp-info-content .xp-tip .tip-value{color:var(--color-light-grey-2)}