.ranking-layout[data-v-bb9d4e8c]{background:#13121f;display:flex;overflow:hidden;width:100%}.ranking-sidebar[data-v-bb9d4e8c]{background:#060608;box-sizing:border-box;flex-shrink:0;height:100%;overflow-y:auto;padding:20px 10px 20px 30px;scrollbar-width:none;width:240px}.ranking-sidebar[data-v-bb9d4e8c]::-webkit-scrollbar{display:none}.sidebar-overview[data-v-bb9d4e8c]{color:#fff;font-family:Inter;font-size:18px;font-weight:500;margin-bottom:18px}.sidebar-group[data-v-bb9d4e8c]{padding:10px}.sidebar-group-title[data-v-bb9d4e8c]{align-items:center;border-radius:6px;color:#f0f0f0;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;transition:background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-group-title[data-v-bb9d4e8c]:hover{background:hsla(0,0%,100%,.05)}.sidebar-group-title .icon-arr[data-v-bb9d4e8c]{font-size:20px}.sidebar-group-title span[data-v-bb9d4e8c]{flex:1}.sidebar-group-title .iconfont[data-v-bb9d4e8c]{font-size:24px}.sidebar-group-title .iconfont[data-v-bb9d4e8c]:first-child{margin-left:4px}.sidebar-sub-list[data-v-bb9d4e8c]{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding-left:10px}.sidebar-sub-item[data-v-bb9d4e8c]{border-radius:12px;color:#b2b2b2;cursor:pointer;font-size:14px;font-weight:500;line-height:24px;padding:0 25px;position:relative;transition:background .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-sub-item[data-v-bb9d4e8c]:hover{color:#f0f0f0}.sidebar-sub-item.active[data-v-bb9d4e8c]{background:hsla(0,0%,100%,.1);color:#f0f0f0}.collapse-enter-active[data-v-bb9d4e8c],.collapse-leave-active[data-v-bb9d4e8c]{max-height:400px;opacity:1;transition:max-height .25s ease,opacity .2s ease}.collapse-enter[data-v-bb9d4e8c],.collapse-leave-to[data-v-bb9d4e8c]{max-height:0;opacity:0}.ranking-main[data-v-bb9d4e8c]{background-color:#060608;flex:1;height:100%;overflow:hidden;overflow-y:auto;padding:0 40px}.rank-info[data-v-54d7800a]{height:100%;position:relative}.rank-info[data-v-54d7800a]:before{background:url(https://image.cdn2.seaart.me/static/web/ranking/rank-banner-bg.png) no-repeat top;background-size:1660px 400px;height:400px;top:0;width:1660px}.rank-info[data-v-54d7800a]:after,.rank-info[data-v-54d7800a]:before{content:"";left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:0}.rank-info[data-v-54d7800a]:after{background:url(https://image.cdn2.seaart.me/static/web/ranking/rank-podium.png) no-repeat top;background-size:100% auto;height:713px;top:280px;width:100%}.rank-info.cpp-rank-info[data-v-54d7800a]:before{height:500px}.rank-info.cpp-rank-info[data-v-54d7800a]:after{top:495px}.rank-info-header[data-v-54d7800a]{align-items:flex-end;display:flex;justify-content:space-between;position:relative;z-index:1}.rank-info-filter[data-v-54d7800a]{gap:12px;margin-left:10px}.rank-info-filter[data-v-54d7800a],.rank-rules[data-v-54d7800a]{align-items:center;display:flex}.rank-rules[data-v-54d7800a]{color:#ccc;font-size:14px;gap:10px;white-space:nowrap}.rank-rules i[data-v-54d7800a]{color:#ccc;cursor:pointer;font-size:14px}