.ranks{--padding-rank-section:10px 15px}.ranks,.ranks .ranks-container{height:100%}.ranks .ranks-container a{color:inherit;transition:color 0s;transition:opacity .15s}.ranks .ranks-container a:hover{color:var(--color-primary-800)}.ranks .ranks-container .ranks-header{display:flex;flex-direction:row;gap:10px;margin-bottom:30px}.ranks .ranks-container .ranks-header .left .ranks-title{align-items:center;border-right:1px solid var(--border-regular);display:flex;flex-direction:row;font-size:2.5rem;justify-content:center;padding:20px 40px 20px 0}.ranks .ranks-container .ranks-header .right{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:space-between}.ranks .ranks-container .ranks-header .right .rank-type{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.ranks .ranks-container .ranks-header .right .rank-type .rank-type-item{display:flex;white-space:nowrap}.ranks .ranks-container .ranks-header .right .rank-type .rank-type-item a{font-size:1.7rem;font-weight:500;padding:10px 30px}.ranks .ranks-container .ranks-header .right .rank-type .rank-type-item a:hover,.ranks .ranks-container .ranks-header .right .rank-type .rank-type-item.active{color:var(--color-primary-800)}.ranks .ranks-container .ranks-body .rank-section-list{display:flex;flex-wrap:wrap;gap:var(--rank-section-gap);justify-content:center;margin-top:50px;--rank-section-gap:15px}.ranks .ranks-container .ranks-body .rank-section-list .rank-section{width:calc(33.33333% - var(--rank-section-gap)*2/3)}.ranks .ranks-container .loading-spinner.loading-page{height:50%}