.ranking-loading{min-height:400px;flex-direction:column;padding:0;gap:16px}
.ranking-indicator{display:flex;align-items:center;justify-content:center;width:126px;height:126px;border-radius:20px;background:rgba(0,0,0,.7);overflow:hidden}
.ranking-dial{display:flex;align-items:center;justify-content:center;width:87px;height:88px;background:url('/assets/ranking-loading-dial.png') center/100% auto no-repeat}
.ranking-hand{display:block;width:14px;height:48px;background:url('/assets/ranking-loading-hand.png') center/100% auto no-repeat;animation:retour-loading-hand 1.25s linear infinite forwards}
@keyframes retour-loading-hand{0%{transform:rotate(-40deg);transition-timing-function:cubic-bezier(.785,.135,.15,.86)}40%{transform:rotate(102deg);transition-timing-function:linear}55%{transform:rotate(92deg);transition-timing-function:linear}75%{transform:rotate(102deg);transition-timing-function:linear}to{transform:rotate(-40deg);transition-timing-function:cubic-bezier(.785,.135,.15,.86)}}
@media(max-width:1023px){.ranking-loading{min-height:53.333vw}.ranking-indicator{width:16.8vw;height:16.8vw;border-radius:2.6667vw}.ranking-dial{width:11.6vw;height:11.7333vw}.ranking-hand{width:1.8667vw;height:6.4vw}}
@media(prefers-reduced-motion:reduce){.ranking-hand{animation:none}}