.ranking-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:40px 0;width:100%}.ranking-page .element-page-wrapper{max-width:2560px;width:calc(100% - 32px)}.ranking-page .ranking-page-title{color:var(--rs-text-primary);font-size:32px;font-weight:700;line-height:46px;text-align:center}.ranking-page .ranking-discription{color:var(--rs-text-secondary);font-size:16px;line-height:24px;margin-top:4px;text-align:center}.ranking-page .ranking-page-top{align-items:center;display:flex;justify-content:space-between;margin-top:40px;width:100%}.ranking-page .ranking-page-top .ranking-page-top-right{align-items:center;display:flex;justify-content:flex-end}.ranking-page .ranking-page-top .element-select2{background:var(--element-navbar-input-bg);border-radius:8px;height:40px;margin-left:10px;width:180px;z-index:5}.ranking-page .ranking-page-top .element-select2 .element-select2-btn-wrap{border:none;padding:0 6px 0 16px}.ranking-page .ranking-page-top .element-select2 .element-select2-btn-wrap .element-select2-left-icon{height:16px;width:16px}.ranking-page .ranking-page-top .element-select2 .element-select2-btn-wrap .element-select2-left-icon svg{height:100%;width:100%}.ranking-page .ranking-page-top .element-select2 .element-select2-btn-wrap .element-select2-cont .value-cont{color:var(--rs-text-primary);font-size:14px;font-weight:500}.ranking-page .ranking-page-top .element-select2:last-child .element-select2-left-icon{border-radius:50%;height:22px;overflow:hidden;width:22px}.ranking-page .ranking-page-top .element-select2:last-child .element-button .element-button-icon{border-radius:50%;height:22px;width:22px}.ranking-page .ranking-page-top .ranking-page-top-timer{display:none}.ranking-page .ranking-page-top .ranking-page-top-timer-pc{display:block}.ranking-page .ranking-page-top .select-time-btn-group{margin-left:8px}.ranking-page .ranking-page-con{display:flex;justify-content:space-between;width:100%}body[class*=rs-theme-dark] .ranking-page .ranking-page-con,body[class*=rs-theme-light] .ranking-page .ranking-page-con,body[data-theme=dark] .ranking-page .ranking-page-con,body[data-theme=light] .ranking-page .ranking-page-con{color:#566370}.ranking-page .ranking-page-top-select .element-button{margin-left:15px}.ranking-page-top-options .element-button{background:none!important;border:none!important;border-bottom:1px solid var(--rs-border-primary)!important;border-radius:0!important;box-shadow:none;font-size:14px;font-weight:700;height:56px;justify-content:flex-start;padding:0 16px;width:100%}.ranking-page-top-options .element-button.active,.ranking-page-top-options .element-button:hover{background-color:var(--rs-btn-default-hover-bg)!important}.ranking-page-top-options .element-button .element-button-icon{height:20px;width:20px}.ranking-page-top-options .element-button .element-button-icon .element-icon,.ranking-page-top-options .element-button .element-button-icon img{height:100%;width:100%}.ranking-page-top-options li:last-child .element-button{border-bottom:none!important}@media screen and (max-width:768px){.ranking-page{padding:32px 0 40px}.ranking-page .ranking-top-type-btn-box{margin-bottom:16px}.ranking-page .element-page-wrapper{margin:0}.ranking-page .element-page-wrapper .ranking-discription{margin-top:8px}.ranking-page .ranking-page-top{align-items:flex-start;flex-direction:column;justify-content:start;margin-top:20px;width:100%}.ranking-page .ranking-page-top .ranking-page-top-right{align-items:flex-start;flex-direction:column;justify-content:space-between;width:100%}.ranking-page .ranking-page-top .ranking-page-top-right .select-time-btn-group{margin:8px 0 0}.ranking-page .ranking-page-top .element-select2{border-radius:8px;box-sizing:border-box;flex-shrink:0;height:42px!important;margin:0;width:48%!important}.ranking-page .ranking-page-top .element-select2 .element-select2-btn-wrap{padding:0 8px 0 12px}.ranking-page .ranking-page-top .element-select2 .element-select2-btn-wrap .element-select2-cont .value-cont{font-size:13px}.ranking-page .ranking-page-top .element-select2 .element-select2-btn-wrap .element-select2-left-icon{margin-right:4px}.ranking-page .ranking-page-top .header-select-time{overflow-x:scroll;width:100%}.ranking-page .ranking-page-top .header-select-time::-webkit-scrollbar{display:none}.ranking-page .ranking-page-top .ranking-page-top-select{width:100%}.ranking-page .ranking-page-top .ranking-page-top-select .element-button{border-radius:25px;height:36px;margin-left:0;margin-right:12px;min-width:80px}.ranking-page .ranking-page-top .ranking-page-top-timer{display:block;margin-left:8px;margin-top:16px}.ranking-page .ranking-page-top .ranking-page-top-timer-pc{display:none}.ranking-page .ranking-page-con{flex-direction:column}.ranking-page .ranking-page-con .rank-con-left{overflow-x:scroll;width:100%}.ranking-page .ranking-page-con .rank-con-left .rank-con-left-list,.ranking-page .ranking-page-con .rank-con-left .rank-con-left-top{width:300%}.ranking-page .ranking-page-con .rank-con-right,.ranking-page-top-options{overflow-x:scroll;width:100%}.ranking-page-top-options{flex-flow:row nowrap;margin-bottom:8px}.ranking-page-top-options::-webkit-scrollbar{display:none}}@media screen and (min-width:1200px){.ranking-page .element-page-wrapper{width:calc(100% - 64px)}}.element-page-wrapper{margin:0 16px;max-width:1420px;position:relative;width:100%}@media screen and (min-width:981px){.element-page-wrapper{margin-left:32px;margin-right:32px}}@media screen and (min-width:768px){.element-page-wrapper{margin-left:28px;margin-right:28px}}@media screen and (min-width:578px){.element-page-wrapper{margin-left:24px;margin-right:24px}}.element-button{align-items:center;border-radius:19px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;font-weight:600;height:38px;justify-content:center;line-height:18px;outline:none;padding:0 16px;text-decoration:none;transition:all .2s ease 0s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}body[class*=rs-theme-dark] .element-button,body[class*=rs-theme-light] .element-button,body[data-theme=dark] .element-button,body[data-theme=light] .element-button{background:#fff;border:1px solid var(--rs-border-primary);color:var(--rs-text-primary)}body[class*=rs-theme-dark] .element-button.active,body[class*=rs-theme-light] .element-button.active,body[data-theme=dark] .element-button.active,body[data-theme=light] .element-button.active{background:#efedff;border:1px solid #efedff}body[class*=rs-theme-dark] .element-button.activeitem,body[class*=rs-theme-light] .element-button.activeitem,body[data-theme=dark] .element-button.activeitem,body[data-theme=light] .element-button.activeitem{background:#3c14dd;color:#fff}body[class*=rs-theme-dark] .element-button:hover,body[class*=rs-theme-light] .element-button:hover,body[data-theme=dark] .element-button:hover,body[data-theme=light] .element-button:hover{background:#efedff;border:1px solid #977ebf;box-shadow:0 5px 5px -2px rgba(4,4,5,.15)}.element-button .element-loading-circle{margin-right:8px}.element-button .element-button-icon,.element-button .element-button-more-icon{align-items:center;display:flex;height:16px;justify-content:center;margin-right:10px;overflow:hidden;width:16px}.element-button .element-button-icon img,.element-button .element-button-more-icon img{height:100%;width:100%}.element-button .element-button-more-icon{margin-left:10px;margin-right:auto}.element-button.only-icon{border-radius:100%;padding:0;width:38px}.element-button.only-icon .element-button-icon{margin-right:0}.element-button.large{border-radius:24px;height:48px;padding:0 20px}.element-button.large.only-icon{width:48px}.element-button.small{border-radius:14px;font-size:12px;height:28px;line-height:16px;padding:0 12px}.element-button.small .element-button-icon,.element-button.small .element-button-more-icon{height:13px;margin-right:6px;width:13px}.element-button.small .element-button-more-icon{margin-left:6px}.element-button.small.only-icon{width:28px}.element-button.big{border-radius:99px;font-size:16px;font-weight:700;height:64px;line-height:22px;padding:0 12px;width:200px}body[class*=rs-theme-dark] .element-button.infinite,body[class*=rs-theme-dark] .element-button.infinite:hover,body[class*=rs-theme-light] .element-button.infinite,body[class*=rs-theme-light] .element-button.infinite:hover,body[data-theme=dark] .element-button.infinite,body[data-theme=dark] .element-button.infinite:hover,body[data-theme=light] .element-button.infinite,body[data-theme=light] .element-button.infinite:hover{border:none}.element-button.full{border-radius:30px;height:46px;width:100%}body[class*=rs-theme-dark] .element-button.full,body[class*=rs-theme-light] .element-button.full,body[data-theme=dark] .element-button.full,body[data-theme=light] .element-button.full{background:#8a939b;border:1px solid #efedff;box-shadow:0 7px 36px -8px rgba(4,4,5,.2);color:#fff}body[class*=rs-theme-dark] .element-button.full.active,body[class*=rs-theme-light] .element-button.full.active,body[data-theme=dark] .element-button.full.active,body[data-theme=light] .element-button.full.active{background:#5f14dd;color:#fff}.element-button.purple{background:linear-gradient(270deg,#00ffba,#23ff00)!important;color:#150131!important}.element-button.select{background:rgba(149,132,253,.15)!important;color:#3c14dd!important}.element-button.blue{background:#3c14dd!important;border:1px solid #3c14dd!important;color:#fff!important}.element-button.disabled,.element-button.grey{background:#8a939b!important;border:1px solid #8a939b!important;color:#fff!important}.element-button.disabled{box-shadow:none!important;cursor:default;opacity:.2}.element-button.green_border{color:#150131!important}body[class*=rs-theme-dark] .element-button.green_border,body[class*=rs-theme-light] .element-button.green_border,body[data-theme=dark] .element-button.green_border,body[data-theme=light] .element-button.green_border{border:1px solid #00926f!important}body[class*=rs-theme-dark] .element-button.green_border:hover,body[class*=rs-theme-light] .element-button.green_border:hover,body[data-theme=dark] .element-button.green_border:hover,body[data-theme=light] .element-button.green_border:hover{background:none!important;box-shadow:3px 6px 6px -2px rgba(4,4,5,.15)!important}.element-button.blue .element-loading-circle div,.element-button.grey .element-loading-circle div,.element-button.purple .element-loading-circle div{border:3px solid transparent;border-top-color:#fff}.element-button .circle-loading-wrapper{margin:0 5px}.element-pagination{display:flex;justify-content:center;padding:20px 0 40px}.element-pagination .next-page,.element-pagination .prev-page{align-items:center;color:var(--rs-text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:700;height:20px;line-height:20px;margin:0 10px;min-width:80px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.element-pagination .next-page .element-icon,.element-pagination .prev-page .element-icon{height:12px;width:12px}.element-pagination .next-page:hover,.element-pagination .prev-page:hover{font-weight:700}.element-pagination .next-page.disabled,.element-pagination .prev-page.disabled{cursor:not-allowed;opacity:.2}.element-pagination .next-page.disabled:hover,.element-pagination .prev-page.disabled:hover{font-weight:400}.element-pagination .next-page.prev-page,.element-pagination .prev-page.prev-page{justify-content:flex-end}.element-pagination .next-page.prev-page .element-pagination-icon,.element-pagination .prev-page.prev-page .element-pagination-icon{margin-right:5px;transform:rotate(90deg)}.element-pagination .next-page.next-page,.element-pagination .prev-page.next-page{justify-content:flex-start}.element-pagination .next-page.next-page .element-pagination-icon,.element-pagination .prev-page.next-page .element-pagination-icon{margin-left:5px;transform:rotate(270deg)}