.ranking .tab-panel ul{display:block}.ranking .tab-panel ul>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.ranking .tab-panel ul .rank-item .icon{height:10px;width:10px}.ranking.ranking-light .tab{background-color:#dfe3e7}.ranking.ranking-light .tab.selected{background-color:#ced4da;border-color:#adb5bd}.ranking.ranking-light .tab-panel{background-color:#ced4da}.ranking.ranking-light .tab-panel ul>*{border-color:#adb5bd}.ranking.ranking-dark .tab{background-color:#353b41}.ranking.ranking-dark .tab.selected{background-color:#484f56;border-color:#6d767e}.ranking.ranking-dark .tab-panel{background-color:#484f56}.ranking.ranking-dark .tab-panel ul>*{border-color:#6d767e}.sub-content .header{border-radius:10px;gap:20px;line-height:1.3em;margin-bottom:40px}.sub-content .header>*{border-radius:10px;padding-bottom:11px;padding-top:11px;position:relative}.sub-content .header>* .bg{border-radius:10px;display:block;height:100%;position:absolute;top:0;width:100%;z-index:10}.sub-content .header .title .bg{right:0;transform:perspective(350px) rotateX(-12deg);-o-transform:perspective(350px) rotateX(-12deg);-moz-transform:perspective(350px) rotateX(-12deg);transform-origin:0 50%;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-o-transform-origin:0 50%}.sub-content .header .title h2{font-size:22px;font-weight:700;line-height:1.3em;padding-inline-start:1.5rem;position:relative;z-index:10}@media not all and (min-width:640px){.sub-content .header .title h2{font-size:.875rem;line-height:1.25rem}}.sub-content .header .btn-more{align-items:center;display:flex;justify-content:center}.sub-content .header .btn-more .bg{left:0;transform:perspective(350px) rotateX(12deg);-o-transform:perspective(350px) rotateX(12deg);-moz-transform:perspective(350px) rotateX(12deg);transform-origin:100% 50%;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-o-transform-origin:100% 50%}.sub-content .header .btn-more a{cursor:pointer;font-size:22px;font-style:italic;height:100%;line-height:1.3em;position:relative;text-align:center;width:100%;z-index:10}@media not all and (min-width:640px){.sub-content .header .btn-more a{font-size:.875rem;line-height:1.25rem}}.sub-content .list-filter{gap:20px;margin-bottom:30px;width:100%}@media not all and (min-width:640px){.sub-content .list-filter{column-gap:5%}}.sub-content .list-filter .filter-item .title{font-size:1rem;font-weight:500;line-height:1.5rem;line-height:1.3em;padding:5px 10px}.sub-content .list-filter .filter-item .filter-wrapper{position:relative}.sub-content .list-filter .filter-item .filter-wrapper select{background-color:initial;border-radius:5px;font-size:.875rem;line-height:1.25rem;line-height:1.3em;padding:10px;width:100%}.sub-content .list-filter .filter-item .filter-wrapper .icon{color:#0000;height:.875rem;width:.875rem}.sub-content.sub-content-light .header>* .bg{background-color:#ced4da}.sub-content.sub-content-light .list-filter .filter-item .filter-wrapper select{border:1px solid #353b41}.sub-content.sub-content-light .list-filter .filter-item .filter-wrapper .icon{stroke:#353b41}.sub-content.sub-content-dark .header>* .bg{background-color:#484f56}.sub-content.sub-content-dark .list-filter .filter-item .filter-wrapper select{border:1px solid #dfe3e7}.sub-content.sub-content-dark .list-filter .filter-item .filter-wrapper .icon{stroke:#dfe3e7}.sub-content ul.pagination{gap:.5rem}@media (min-width:640px){.sub-content ul.pagination{gap:10px}}.sub-content ul.pagination li{align-items:center;display:flex}.sub-content ul.pagination li button{border-radius:5px;font-weight:500;line-height:1.3em;min-width:1.75rem;padding:.25rem}.sub-content ul.pagination li button .icon{color:#0000;height:1.75rem;width:1.75rem}.sub-content ul.pagination li button .icon path{--tw-scale-x:.7;--tw-scale-y:.7;stroke-width:2;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sub-content ul.pagination li button:disabled{opacity:.6}.sub-content.sub-content-light ul.pagination li button{border:1px solid #0a0a0a}.sub-content.sub-content-light ul.pagination li button .icon{stroke:#0a0a0a}.sub-content.sub-content-light ul.pagination li button.active{background-color:#adb5bd}.sub-content.sub-content-dark ul.pagination li button{border:1px solid #f9fafb}.sub-content.sub-content-dark ul.pagination li button.active{background-color:#6d767e}.auth .auth-area .auth-btn{color:#f9fafb}.auth .auth-area .auth-btn :not(:first-child){margin-inline-start:.375rem}.auth .auth-area .content .icon{height:1.5rem;width:1.5rem}@media (min-width:640px){.auth .auth-area .content .icon{height:2.5rem;width:2.5rem}}.auth .auth-area .content .icon path{margin:0}@media not all and (min-width:640px){.auth .auth-area .content .icon path{--tw-scale-x:.6;--tw-scale-y:.6;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.auth .auth-area input::placeholder{font-size:.75rem;font-weight:200;line-height:1rem;line-height:1.3em}@media (min-width:640px){.auth .auth-area input::placeholder{font-size:.875rem;line-height:1.25rem}}.auth .auth-area input[type=checkbox]{--tw-shadow:inset 0 0 2px gray;--tw-shadow-colored:inset 0 0 2px var(--tw-shadow-color);appearance:none;-moz-appearance:none;-webkit-appearance:none;aspect-ratio:1/1;background-color:#0000!important;border-radius:5px;cursor:pointer;height:100%;transition:background-color .3s}.auth .auth-area input[type=checkbox],.auth .auth-area input[type=checkbox]:checked{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.auth .auth-area input[type=checkbox]:checked{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;background-color:#2196f3!important}.auth .auth-area input[type=checkbox]:checked~label{animation:checkAnim .2s forwards;display:block}.auth label.checkbox{--tw-border-opacity:1;border-bottom-width:2px;border-color:rgb(255 255 255/var(--tw-border-opacity));border-inline-end-width:2px;border-style:solid;display:none;height:10px;left:7px;pointer-events:none;position:absolute;top:3px;transform:rotate(45deg);width:5px}.auth.auth-light{background-color:#dfe3e7}.auth.auth-light .auth-area{background-color:#eaedf0;color:#0a0a0a}.auth.auth-light .auth-area input{background-color:#ced4da}.auth.auth-light .auth-area input::placeholder{color:#0a0a0a}.auth.auth-light .auth-area input[type=checkbox]{border-color:#353b41}.auth.auth-light .auth-area .confirm-btns .cancel-btn,.auth.auth-light .auth-area hr{background-color:#adb5bd}.auth.auth-light .auth-area .confirm-btns .continue-btn{background-color:#6d767e}.auth.auth-dark{background-color:#353b41}.auth.auth-dark .auth-area{background-color:#22262a;color:#f9fafb}.auth.auth-dark .auth-area input{background-color:#484f56}.auth.auth-dark .auth-area input::placeholder{color:#f9fafb}.auth.auth-dark .auth-area input[type=checkbox]{border-color:#dfe3e7}.auth.auth-dark .auth-area .confirm-btns .cancel-btn,.auth.auth-dark .auth-area hr{background-color:#6d767e}.auth.auth-dark .auth-area .confirm-btns .continue-btn{background-color:#adb5bd}@keyframes checkAnim{0%{height:0}to{height:10px}}.menu-bar{border-radius:.5rem;cursor:pointer;display:block;height:30px;padding:5px;position:relative;width:30px}.menu-bar span{--tw-translate-x:-50%;--tw-rotate:0deg;border-radius:10px;display:block;height:2px;left:50%;opacity:1;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:16px}.menu-bar span:first-of-type{top:7px;transform-origin:center}.menu-bar span:nth-of-type(2){--tw-translate-y:-50%;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:center}.menu-bar span:nth-of-type(3){bottom:7px;transform-origin:center}.menu-bar.active span:first-of-type{--tw-rotate:45deg;top:14px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu-bar.active span:nth-of-type(2){opacity:0}.menu-bar.active span:nth-of-type(3){--tw-rotate:-45deg;bottom:14px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu-bar.menu-bar-light{background-color:#0a0a0a}.menu-bar.menu-bar-dark,.menu-bar.menu-bar-light span{background-color:#f9fafb}.menu-bar.menu-bar-dark span{background-color:#0a0a0a}.loader{height:.25rem;position:fixed;width:100svw}.loader:before{left:0}.loader:after,.loader:before{--tw-bg-opacity:1;animation:moving ease-in-out forwards;background-color:rgb(254 40 40/var(--tw-bg-opacity));content:"";height:100%;position:absolute;top:0;width:0}.loader:after{left:50%}@keyframes moving{0%{width:0}to{width:50%}}
/*# sourceMappingURL=main.47abb3c6.css.map*/