.rank-section{box-shadow:var(--box-shadow-small);display:flex;flex-direction:column;min-width:var(--rank-section-min-width);--rank-section-min-width:480px}.rank-section .rank-section-header{align-items:center;background-color:var(--background-content-color1);display:flex;font-size:1.7rem;gap:10px;justify-content:space-between;padding:var(--padding-rank-section)}.rank-section .rank-section-header .rank-section-title{color:var(--text-color-gray1);font-size:inherit}.rank-section .rank-section-header .view-all{color:var(--text-color-gray);font-size:.8em;font-weight:500}.rank-section .rank-section-header .view-all:hover{color:var(--color-primary-800)}.rank-section .rank-section-body{background-color:#222}.rank-section .rank-section-body .rank-body-list{display:flex;flex-direction:column}.rank-section .rank-section-body .rank-body-list .rank-body-item{align-items:center;color:inherit;display:flex;flex-direction:row;flex-wrap:nowrap;font-weight:500;gap:15px;padding:var(--padding-rank-section);padding-bottom:15px;padding-top:15px;position:relative}.rank-section .rank-section-body .rank-body-list .rank-body-item>div{position:relative;z-index:1}.rank-section .rank-section-body .rank-body-list .rank-body-item .rank-number{color:var(--text-color-gray)}.rank-section .rank-section-body .rank-body-list .rank-body-item .info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-section .rank-section-body .rank-body-list .rank-body-item .tendency{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:50px}.rank-section .rank-section-body .rank-body-list .rank-body-item .tendency .tendency-icon{display:flex}.rank-section .rank-section-body .rank-body-list .rank-body-item .tendency .tendency-icon .new{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,var(--color-primary-900),var(--color-primary-600));-webkit-text-fill-color:transparent;font-family:Impact,Impact fallback,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.4rem;font-style:italic}.rank-section .rank-section-body .rank-body-list .rank-body-item .tendency svg{height:1.5rem;width:1.5rem}.rank-section .rank-section-body .rank-body-list .rank-body-item .tendency .step-number{color:inherit;font-size:1.2rem;font-weight:500;position:absolute}.rank-section .rank-section-body .rank-body-list .rank-body-item .tendency.up{color:#008c31}.rank-section .rank-section-body .rank-body-list .rank-body-item .tendency.up .step-number{top:0;transform:translate(50%,20%)}.rank-section .rank-section-body .rank-body-list .rank-body-item .tendency.down{color:#e81624;fill:#e81624}.rank-section .rank-section-body .rank-body-list .rank-body-item .tendency.down .step-number{bottom:0;transform:translate(50%,-50%)}.rank-section .rank-section-body .rank-body-list .rank-body-item .tendency.balance{color:gray}.rank-section .rank-section-body .rank-body-list .rank-body-item:first-child .rank-number{color:#e81624}.rank-section .rank-section-body .rank-body-list .rank-body-item:nth-child(2) .rank-number{color:#f68f00}.rank-section .rank-section-body .rank-body-list .rank-body-item:nth-child(3) .rank-number{color:#f6e200}.rank-section .rank-section-body .rank-body-list .rank-body-item:hover .info{color:var(--color-primary-800)}.rank-section.all,.rank-section.main{margin:0 auto;max-width:calc(var(--rank-section-min-width)*2);width:100%}.rank-section.all .rank-section-body,.rank-section.main .rank-section-body{background-color:initial}.rank-section.all .rank-section-body .rank-body-list,.rank-section.main .rank-section-body .rank-body-list{gap:1.5px}.rank-section.all .rank-section-body .rank-body-list .rank-body-item,.rank-section.main .rank-section-body .rank-body-list .rank-body-item{background-position:50%;background-size:100%;font-size:1.8rem;padding-bottom:25px;padding-top:25px}.rank-section.all .rank-section-body .rank-body-list .rank-body-item:after,.rank-section.all .rank-section-body .rank-body-list .rank-body-item:before,.rank-section.main .rank-section-body .rank-body-list .rank-body-item:after,.rank-section.main .rank-section-body .rank-body-list .rank-body-item:before{content:"";inset:0;position:absolute;z-index:0}.rank-section.all .rank-section-body .rank-body-list .rank-body-item:before,.rank-section.main .rank-section-body .rank-body-list .rank-body-item:before{background:linear-gradient(to right,var(--background-content-color),transparent);content:""}.rank-section.all .rank-section-body .rank-body-list .rank-body-item:after,.rank-section.main .rank-section-body .rank-body-list .rank-body-item:after{background:linear-gradient(to left,var(--background-content-color),transparent 50%);left:auto;right:0;width:40%}.rank-section.all .rank-section-body .rank-body-list .rank-body-item:hover:after,.rank-section.main .rank-section-body .rank-body-list .rank-body-item:hover:after{opacity:1}.rank-section.all .rank-section-body .rank-body-list .rank-body-item .tendency,.rank-section.main .rank-section-body .rank-body-list .rank-body-item .tendency{width:60px}.rank-section.all .rank-section-body .rank-body-list .rank-body-item .tendency.up .step-number,.rank-section.main .rank-section-body .rank-body-list .rank-body-item .tendency.up .step-number{top:0;transform:translate(50%,80%)}.rank-section.all .rank-section-body .rank-body-list .rank-body-item .tendency.down .step-number,.rank-section.main .rank-section-body .rank-body-list .rank-body-item .tendency.down .step-number{bottom:0;transform:translate(50%,-100%)}