.ranklist-container[data-v-c76a72db]{margin-top:36px}.ranklist-container .header[data-v-c76a72db]{justify-content:flex-start;align-items:center;gap:40px;margin-bottom:16px;display:flex}.ranklist-container .header .title[data-v-c76a72db]{color:var(--text-3);cursor:pointer;font-size:20px;font-weight:400}.ranklist-container .header .title.active[data-v-c76a72db]{color:var(--text-1);font-weight:600}.ranklist-container .header .more[data-v-c76a72db]{flex-grow:1;justify-content:flex-end;align-items:center;display:flex}.ranklist-container .header .more .mbtn[data-v-c76a72db]{color:var(--text-3);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:26px;display:flex}.ranklist-container .header .more .mbtn img[data-v-c76a72db]{width:16px;height:16px}.ranklist-container .list-wrapper[data-v-c76a72db]{box-sizing:border-box;border:1px solid var(--non-axis-line);border-radius:10px;padding:20px 0}.ranklist-container .list-wrapper .loading-wrapper[data-v-c76a72db]{min-height:1136px;color:var(--text-4);background:var(--fill-white);border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.ranklist-container .list-wrapper .loading-wrapper .spinner[data-v-c76a72db]{border:2px solid var(--fill-4);border-top-color:var(--fill-brand);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite ranklist-spin-c76a72db}.ranklist-container .list-wrapper .types[data-v-c76a72db]{z-index:2;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:20px;padding:0 20px;display:flex;position:relative}.ranklist-container .list-wrapper .types .type[data-v-c76a72db]{box-sizing:border-box;font-variation-settings:"opsz" auto;height:40px;color:var(--text-2);background:var(--fill-5);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0 16px;font-size:16px;font-weight:400;display:flex}.ranklist-container .list-wrapper .types .type.active[data-v-c76a72db]{background:var(--fill-1);color:var(--text-white);font-weight:600}.ranklist-container .list-wrapper .filters[data-v-c76a72db]{justify-content:flex-start;align-items:center;gap:16px;min-height:36px;margin-bottom:20px;padding:0 20px;display:flex}.ranklist-container .list-wrapper .filters .date-range[data-v-c76a72db]{flex-grow:1}.ranklist-container .list[data-v-c76a72db]{z-index:1;position:relative}.ranklist-container .list-header[data-v-c76a72db]{color:var(--text-2);margin-bottom:8px;padding:0 20px;font-size:16px;font-weight:400;line-height:20px}.ranklist-container .list-header span[data-v-c76a72db]{cursor:pointer}.ranklist-container .list-header span[data-v-c76a72db]:hover,.ranklist-container .list-header>div.active[data-v-c76a72db]{color:var(--fill-brand)}.ranklist-container .list-item[data-v-c76a72db]{z-index:1;justify-content:flex-start;align-items:center;padding:0 20px;display:flex;position:relative}.ranklist-container .list-item .rank[data-v-c76a72db]{flex-shrink:0;justify-content:flex-start;align-items:center;width:62px;display:flex}.ranklist-container .list-item .skin[data-v-c76a72db]{flex-grow:1;justify-content:flex-start;align-items:center;display:flex}.ranklist-container .list-item .count-value[data-v-c76a72db],.ranklist-container .list-item .price-value[data-v-c76a72db]{flex-shrink:0;justify-content:center;align-items:center;width:160px;margin-right:120px;display:flex}.ranklist-container .list-item .down-value[data-v-c76a72db],.ranklist-container .list-item .up-value[data-v-c76a72db]{flex-direction:column;flex-shrink:0;align-items:flex-start;width:200px;display:flex}.ranklist-container .list-item .ratio[data-v-c76a72db]{flex-shrink:0;justify-content:flex-start;align-items:center;width:140px;display:flex}.ranklist-container .list-item .trend[data-v-c76a72db]{flex-shrink:0;justify-content:flex-end;align-items:center;width:140px;display:flex}.ranklist-container .list-item[data-v-c76a72db]:not(.list-header){cursor:pointer;box-sizing:border-box;height:106px;padding-left:20px;padding-right:20px;position:relative}.ranklist-container .list-item[data-v-c76a72db]:not(.list-header):after{content:"";background:var(--fill-stroke-black);pointer-events:none;height:.5px;position:absolute;bottom:0;left:20px;right:20px}.ranklist-container .list-item[data-v-c76a72db]:not(.list-header):last-child:after{display:none}.ranklist-container .list-item[data-v-c76a72db]:not(.list-header):hover{background:var(--bg-card)}.ranklist-container .list-item:not(.list-header) .rank[data-v-c76a72db]{color:var(--text-1);font-size:14px;font-weight:600;line-height:18px}.ranklist-container .list-item:not(.list-header) .rank .sortrow[data-v-c76a72db]{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ranklist-container .list-item:not(.list-header) .rank img[data-v-c76a72db]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.ranklist-container .list-item:not(.list-header) .skin .img-box[data-v-c76a72db]{box-sizing:border-box;background:linear-gradient(180deg,var(--non-gray-bar-start) 0,var(--non-gray-bar-end) 100%);border-radius:4px;justify-content:center;align-items:center;width:96px;height:74px;margin-right:12px;display:flex;position:relative}.ranklist-container .list-item:not(.list-header) .skin .img-box img[data-v-c76a72db]{-o-object-fit:cover;object-fit:cover;width:88px}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity[data-v-c76a72db]{z-index:0;border-radius:3px 0 0;width:3px;height:10px;position:absolute;top:0;left:0}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-[data-v-c76a72db]{background:var(--non-skin-rarity-none)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-15[data-v-c76a72db]{background:var(--non-skin-rarity-7)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-14[data-v-c76a72db]{background:var(--non-skin-rarity-3)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-13[data-v-c76a72db]{background:var(--non-skin-rarity-4)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-12[data-v-c76a72db]{background:var(--non-skin-rarity-2)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-11[data-v-c76a72db]{background:var(--non-skin-rarity-6)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-10[data-v-c76a72db]{background:var(--non-skin-rarity-4)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-9[data-v-c76a72db]{background:var(--non-skin-rarity-3)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-8[data-v-c76a72db]{background:var(--non-skin-rarity-2)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-7[data-v-c76a72db]{background:var(--non-skin-rarity-7)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-6[data-v-c76a72db]{background:var(--non-skin-rarity-6)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-5[data-v-c76a72db]{background:var(--non-skin-rarity-5)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-4[data-v-c76a72db]{background:var(--non-skin-rarity-4)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-3[data-v-c76a72db]{background:var(--non-skin-rarity-3)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-2[data-v-c76a72db]{background:var(--non-skin-rarity-2)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-1[data-v-c76a72db]{background:var(--non-skin-rarity-1)}.ranklist-container .list-item:not(.list-header) .skin .img-box .rarity-0[data-v-c76a72db]{background:var(--non-skin-rarity-0)}.ranklist-container .list-item:not(.list-header) .skin .info-box[data-v-c76a72db]{flex-direction:column;gap:10px;display:flex}.ranklist-container .list-item:not(.list-header) .skin .info-box .name[data-v-c76a72db]{color:var(--text-1);justify-content:flex-start;align-items:center;gap:10px;font-size:18px;font-weight:400;line-height:24px;display:flex}.ranklist-container .list-item:not(.list-header) .skin .info-box .name .contribution-points[data-v-c76a72db]{border-radius:2px;justify-content:center;align-items:center;gap:2px;height:22px;padding:0 6px;font-size:11px;font-weight:500;line-height:14px;display:flex}.ranklist-container .list-item:not(.list-header) .skin .info-box .name .contribution-points.down[data-v-c76a72db]:before,.ranklist-container .list-item:not(.list-header) .skin .info-box .name .contribution-points.up[data-v-c76a72db]:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:12px 12px;flex-shrink:0;width:12px;height:12px}.ranklist-container .list-item:not(.list-header) .skin .info-box .name .contribution-points.up[data-v-c76a72db]{background:var(--bg-up);color:var(--non-rank-up)}.ranklist-container .list-item:not(.list-header) .skin .info-box .name .contribution-points.up[data-v-c76a72db]:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKRSURBVFiF7Zc/aBRREMa/mbd35g+Jd54YRMGAVlrExDRWamHAwiKKAbHRKhEhkmCRNLIqckYhERFMZbQQC0EEIY2BWFoERRAb/2BAMYi6d5fk7rK398YiUZI9Nbu3l9XivubB7LxvfztvmMcCVVX1H8gyk82WORKrhJdRCRNiGoPYMQCtQb04qEH64tAIBPsB2W1dSJpB/SjIZstMniSiseUxITkVPz94J3Qgy0w2E/ELQFy9QykR3Ro3Bz+EBmSZIzGw/ZyAbb97LsA0dLQtbval/HqX1UMqoq8QUxOY82DKu1dibqJIcagcb98VSiWHe0ByGXrpc/6yMvNQ40Df1TUDyly7uVeL88DPHsXc0XCu93XFgbLDt7Y44twTwVY/QEL4GCXjRF3/6U9e8j0PRoflEqASBOT8ABGQcERfB3DMY/7qSt8YPQ5Cvx+QEgmG1/f23F8tzVOFGtWGx1nDeuqOa4cHhEqvC0V0FlycWR6r7+7+7OVdnoDoTNccgDl3PDN62yaiX0dIizMItmgd9whQFtAfQZWyhST/EwRLqxRZl+sZCEgUGQyVw7JmJACkCrP/BIhYNYAo747H8hu/hA6UufswwapAcI0BLfo7dR/Ohg4khrNdiEuqI0RT5XoGAjIMowWQkiEZNfAydCAZm6zJqvRmACsqJNDTNUePvA8daLYxs4exspmZOF/n1D8KAlMWkIyPr8s6epf7TrOLhfG6roPp0IFyiLSCCiJLxyVEti7az2Kdne+CwvgGmpuYaKKC3kGGkcPiVJ6fr4k82XTgUMm1suZAMjUVWfiWbiPDyInmLIje1nbse1MpEN9A818zOxVhQWv1qjZRP0Pt7YVKw/iSTE5W5C+3qqrWWj8AXXHkYn7PKjAAAAAASUVORK5CYII=)}.ranklist-container .list-item:not(.list-header) .skin .info-box .name .contribution-points.down[data-v-c76a72db]{background:var(--bg-down);color:var(--non-rank-down)}.ranklist-container .list-item:not(.list-header) .skin .info-box .name .contribution-points.down[data-v-c76a72db]:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKzSURBVFiF7ZdfSBRBHMe/s+epK1RWBEEFghFlGFyg172lFVQv0Ys9KFEgFUEPFxVCQUavPfRSaAheFEpPBj5UEBg9dIKaQf+RUCEyLMo/57pzOzO/HsTTPSX3Zs/z5X4wLPOb33zns7/f7swukLe85ciIegpysQ7zGvhx+nUFK0JxYZB+lUONMVYjVgPI8Bo4+/XzUJJbG6YtXjkw49S+m3q5azWAPGcIAPqpu0Qkgsfm+2QoqzhpxkMbaybWBAgAXk11R4hUecohyFEB6j9UevJbNoA8l2zeJrn6kJRScOGYXEiTQ6x3JNU++9tVlg2gjDMEAE9/d4YBhF1OYrzQEJ3HNzdM+QHKOEMAkDQCX7gSpquRUzoj2GE/MNpAdZvqJrnio7ZMmoubpex97WPtvkqnvdlxRUNEKgSQu/IkqwGM5ByISTZsg5vpfgVWoasJ3ZIBQOOOxj+2EsSlNBc3R4ptzT9aS3R1fZ1PtnTGAbZniajtbAEwmnMgrkQRQMuUjdbpavoCSpIoVGopUAFTlq6m543x4nDz1nRfgMvbRNiZ7leBQBRB/HQ5LSTu721OrLSOpwyd/3T9lGPZUQCut9xJ66fGldMyN7gwzghtANpWWstzhk6/v/IEhN1e412LMPQ9rLzT6CXW8zM0K+VlA+oRQNvn7mM+NStd8V3BuOkZ3msgAJx4e6kCkC8ymWOA1XXtvxdfFSAAODpw7ioRXVuYTmlyC31G7MbzqgetmehrfX4c7DvbAkLDf4UZHvdUtV/IVFtvH0pQEzfFEQKWPdkZMFI0W9CkI62VIQA4ED9TpsgZZAyli/1EmDBYMNQbiWmd+NqHa28kNmIwii4RZBTVhfEFNAfVESOwWykHw93eSEfMj2ZWrPpN/WA4Xt+TDa2s/B6XmMEa23Y/S3nL21rZP6puJQ4gQVjvAAAAAElFTkSuQmCC)}.ranklist-container .list-item:not(.list-header) .skin .info-box .price-box[data-v-c76a72db]{color:var(--text-3);justify-content:flex-start;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:normal;display:flex}.ranklist-container .list-item:not(.list-header) .skin .info-box .price-box .price[data-v-c76a72db]{color:var(--text-2)}.ranklist-container .list-item:not(.list-header) .skin .info-box .price-box .divider[data-v-c76a72db]{background-color:var(--non-hover-muted);width:1px;height:16px;margin:0 8px}.ranklist-container .list-item:not(.list-header) .skin .info-box .price-box .divider[data-v-c76a72db]:last-child{display:none}.ranklist-container .list-item:not(.list-header) .count-value[data-v-c76a72db],.ranklist-container .list-item:not(.list-header) .price-value[data-v-c76a72db]{color:var(--price-orange);font-size:18px;font-weight:600;line-height:18px}.ranklist-container .list-item:not(.list-header) .down-value[data-v-c76a72db],.ranklist-container .list-item:not(.list-header) .up-value[data-v-c76a72db]{gap:10px;font-size:18px;font-weight:600;line-height:24px}.ranklist-container .list-item:not(.list-header) .down-value.up[data-v-c76a72db],.ranklist-container .list-item:not(.list-header) .up-value.up[data-v-c76a72db]{color:var(--price-up)}.ranklist-container .list-item:not(.list-header) .down-value.down[data-v-c76a72db],.ranklist-container .list-item:not(.list-header) .up-value.down[data-v-c76a72db]{color:var(--price-down)}.ranklist-container .list-item:not(.list-header) .down-value .change-v[data-v-c76a72db],.ranklist-container .list-item:not(.list-header) .up-value .change-v[data-v-c76a72db]{color:var(--text-2);font-size:14px;font-weight:400;line-height:normal}.ranklist-container .list-item:not(.list-header) .up-value[data-v-c76a72db]{color:var(--price-up)}.ranklist-container .list-item:not(.list-header) .down-value[data-v-c76a72db]{color:var(--price-down)}.ranklist-container .list-item:not(.list-header) .ratio[data-v-c76a72db]{color:var(--text-2);font-size:18px;font-weight:600}.ranklist-container .list-item:not(.list-header) .ratio.up[data-v-c76a72db]{color:var(--price-up)}.ranklist-container .list-item:not(.list-header) .ratio.down[data-v-c76a72db]{color:var(--price-down)}.ranklist-container .list-item:not(.list-header) .ratio.def[data-v-c76a72db]{color:var(--text-3);font-size:16px;font-weight:400}.ranklist-container .list-item:not(.list-header) .trend .chart[data-v-c76a72db]{width:120px;height:56px}.ranklist-container .pagination[data-v-c76a72db]{justify-content:center;align-items:center;gap:8px;margin-top:24px;margin-bottom:12px;display:flex}.ranklist-container .pagination .page[data-v-c76a72db]{background:var(--fill-5);width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:400;line-height:14px;display:flex}.ranklist-container .pagination .page.active[data-v-c76a72db]{background:var(--fill-1);color:var(--text-white);font-size:16px;font-weight:400;line-height:16px}.slide-down-enter-active[data-v-c76a72db],.slide-down-leave-active[data-v-c76a72db]{transform-origin:top;transition:all .3s cubic-bezier(.23,1,.32,1)}.slide-down-enter-from[data-v-c76a72db],.slide-down-leave-to[data-v-c76a72db]{opacity:0;transform:scaleY(.8)}@keyframes ranklist-spin-c76a72db{0%{transform:rotate(0)}to{transform:rotate(1turn)}}