*{margin:0;padding:0;list-style-type:none;font-family:"Inter";text-decoration:none}@media screen and (min-width:769px){html{width:100%;height:100%}body{width:100%;height:100%;margin:0 auto;background-color:#121212;position:relative}body .SearchHeader_Container{display:none}body .Ranking_Container{width:100%;margin:0 auto}body .Ranking_Container header{width:95%;padding:0 2.5%;height:6.3rem;margin:0 auto;background-color:#242424;display:flex;align-items:center;justify-content:space-between}body .Ranking_Container header .Left_Title{width:16%;cursor:pointer;display:flex;align-items:center;justify-content:space-between}body .Ranking_Container header .Left_Title h1{font-size:2.4rem;font-weight:900;color:#BB86FC}body .Ranking_Container header .Left_Title .Middle_Container h2{color:#B3B3B3;font-size:1.6rem;font-weight:600;cursor:pointer}body .Ranking_Container header .Right{display:flex;align-items:center;justify-content:space-between}body .Ranking_Container header .Right .InputSearch_Container{width:32.6rem;margin-right:5rem;position:relative;transition:all 0.7s}body .Ranking_Container header .Right .InputSearch_Container input{width:100%;padding-left:2rem;height:3.8rem;background-color:#242424;outline:none;border:none;border:0.2rem solid #333333;border-radius:1rem;color:#b3bbc7;font-size:1.6rem;transition:all 0.7s}body .Ranking_Container header .Right .InputSearch_Container input::-webkit-input-placeholder{color:#b3bbc7}body .Ranking_Container header .Right .InputSearch_Container input:focus{background-color:#303030}body .Ranking_Container header .Right .InputSearch_Container i{position:absolute;right:0rem;top:50%;color:#b3bbc7;transform:translateY(-50%)}body .Ranking_Container header .Right .InputSearch_Container:hover .FuzzySearchResult{display:block}body .Ranking_Container header .Right .InputSearch_Container .FuzzySearchResult{width:100%;height:30vh;overflow-y:scroll;padding:0%;padding-right:2rem;padding-left:2rem;background-color:#242424;position:absolute;z-index:9999;display:none}body .Ranking_Container header .Right .InputSearch_Container .FuzzySearchResult::-webkit-scrollbar{display:none}body .Ranking_Container header .Right .InputSearch_Container .FuzzySearchResult li{width:92%;margin:2rem 0px;padding:2.5% 4%;color:white;font-size:1.6rem;cursor:pointer}body .Ranking_Container header .Right .InputSearch_Container .FuzzySearchResult li:hover{background-color:#121212}body .Ranking_Container header .Right .SearchIcon{display:none}body .Ranking_Container header .Right a{text-decoration:none !important}body .Ranking_Container header .Right a .InputLogin_Container{width:15.1rem;height:3.6rem;font-size:1.6rem;line-height:3.6rem;border-radius:0.5rem;text-align:center;font-weight:400;background-color:#BB86FC;color:white;cursor:pointer;transition:all 0.7s}body .Ranking_Container header .Right a .InputLogin_Container:hover{background-color:#a865fa}body .Ranking_Container header .Right .UserLogin_Container{padding:0rem 60px;height:3.6rem;font-size:1.8rem;line-height:3.6rem;border-radius:0.5rem;text-align:center;font-weight:400;background-color:#525151;color:white;cursor:pointer;transition:all 0.7s;font-weight:600}body .Ranking_Container main{width:90%;margin:2rem auto;padding:2% 2.5%;background-color:#242424;color:#E0E0E0;border-radius:0.5rem}body .Ranking_Container main .Title{width:100%}body .Ranking_Container main .Title h1{width:100%;font-size:2.4rem}body .Ranking_Container main .Latest_Update_Content_Container{width:100%;margin:3rem 0px}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item{width:97%;padding:1.6rem 1.5%;margin:1.6rem auto;background-color:#2C2C2C;border-radius:0.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all 0.7s}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item h3{width:100%;margin:0rem 0px;font-size:1.8rem;color:white}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item h4{width:100%;margin:0.8rem 0px;color:#B3B3B3;font-size:1.4rem}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item h5{width:100%;margin:0.8rem 0px;color:#808080;font-size:1.4rem;vertical-align:middle}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item .Arrow{position:absolute;right:1.5rem;top:1rem}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item .Arrow i{width:2rem;height:2rem;color:#BB86FC}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item:hover{background-color:#494949}body .Ranking_Container main footer{width:100%;height:7.9872rem;padding:2rem 0px;display:flex;justify-content:right;align-items:center}body .Ranking_Container main footer li{padding:0 1.536rem;height:3.9936rem;line-height:3.9936rem;margin:0 0.4608rem;color:white;font-size:1.536rem;position:relative;transition:all 0.5s}body .Ranking_Container main footer li svg{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}body .Ranking_Container main footer li:not(body .Ranking_Container main footer li:nth-child(4)):hover{background-color:#27272A;cursor:pointer}}@media screen and (max-width:769px){html{width:100%;height:100%;position:relative}body{width:100%;overflow-y:scroll;height:calc(100% - constant(safe-area-inset-bottom));height:calc(100% - env(safe-area-inset-bottom));background-color:#121212;position:relative}body .SearchHeader_Container{width:95%;padding:0 2.5%;height:16.8vw;display:flex;align-items:center;justify-content:space-between;display:none}body .SearchHeader_Container .InputSearch_Container2{width:95%;margin:0 auto;position:relative}body .SearchHeader_Container .InputSearch_Container2 input{width:90%;padding:0% 5%;height:10.1333vw;background-color:#242424;outline:none;border:none;border:0.5333vw solid #333333;border-radius:2.6667vw;color:#b3bbc7;font-size:4.2667vw;transition:all 0.7s}body .SearchHeader_Container .InputSearch_Container2 input::-webkit-input-placeholder{color:#b3bbc7}body .SearchHeader_Container .InputSearch_Container2 input:focus{background-color:#303030}body .SearchHeader_Container .InputSearch_Container2 i{position:absolute;right:2.6667vw;top:50%;color:#b3bbc7;transform:translateY(-50%)}body .SearchHeader_Container .InputSearch_Container2:hover .FuzzySearchResult{display:block}body .SearchHeader_Container .InputSearch_Container2 .FuzzySearchResult{width:90%;height:30vh;overflow-y:scroll;padding:0% 5%;background-color:#242424;position:absolute;z-index:9999;display:none}body .SearchHeader_Container .InputSearch_Container2 .FuzzySearchResult::-webkit-scrollbar{display:none}body .SearchHeader_Container .InputSearch_Container2 .FuzzySearchResult li{width:92%;margin:5.3333vw 0vw;padding:2.5% 4%;color:white;font-size:4.2667vw;cursor:pointer}body .SearchHeader_Container .InputSearch_Container2 .FuzzySearchResult li:hover{background-color:#121212}body .Ranking_Container{width:100%;margin:0 auto}body .Ranking_Container header{width:95%;padding:0 2.5%;height:16.8vw;display:flex;align-items:center;justify-content:space-between}body .Ranking_Container header .Left_Title{cursor:pointer;display:flex;align-items:center;justify-content:space-between}body .Ranking_Container header .Left_Title h1{font-size:6.4vw;font-weight:900;color:#BB86FC}body .Ranking_Container header .Left_Title .Middle_Container{display:none}body .Ranking_Container header .Left_Title .Middle_Container h2{color:#B3B3B3;font-size:4.2667vw;font-weight:600;cursor:pointer}body .Ranking_Container header .Right{width:50%;display:flex;align-items:center;justify-content:space-between}body .Ranking_Container header .Right .InputSearch_Container{width:60.2667vw;position:relative;display:none}body .Ranking_Container header .Right .InputSearch_Container input{width:60.2667vw;padding-left:5.3333vw;height:10.1333vw;background-color:#242424;outline:none;border:none;border:0.5333vw solid #333333;border-radius:2.6667vw;color:#b3bbc7;font-size:4.2667vw;transition:all 0.7s}body .Ranking_Container header .Right .InputSearch_Container input::-webkit-input-placeholder{color:#b3bbc7}body .Ranking_Container header .Right .InputSearch_Container input:focus{background-color:#303030}body .Ranking_Container header .Right .InputSearch_Container i{position:absolute;right:0;top:50%;color:#b3bbc7;transform:translateY(-50%)}body .Ranking_Container header .Right .SearchIcon{display:flex;align-items:center}body .Ranking_Container header .Right .SearchIcon i{margin-right:2.6667vw;color:white;font-size:5.3333vw}body .Ranking_Container header .Right a{text-decoration:none !important}body .Ranking_Container header .Right a .InputLogin_Container{width:40.2667vw;height:9.6vw;font-size:4.2667vw;line-height:9.6vw;border-radius:1.3333vw;text-align:center;font-weight:400;background-color:#BB86FC;color:white;cursor:pointer;transition:all 0.7s}body .Ranking_Container header .Right a .InputLogin_Container:hover{background-color:#a865fa}body .Ranking_Container header .Right .UserLogin_Container{width:42.6667vw;padding:0 2.6667vw;height:9.6vw;font-size:4.8vw;line-height:9.6vw;border-radius:1.3333vw;text-align:center;font-weight:400;background-color:#525151;color:white;cursor:pointer;transition:all 0.7s;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .Ranking_Container main{width:90%;margin:5.3333vw auto;padding:5% 2.5%;background-color:#242424;color:#E0E0E0;border-radius:1.3333vw}body .Ranking_Container main .Title{width:100%}body .Ranking_Container main .Title h1{width:100%;font-size:6.4vw}body .Ranking_Container main .Latest_Update_Content_Container{width:97.5%;margin:8vw auto}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item{width:90%;padding:4.2667vw 5%;margin:4.2667vw auto;background-color:#2C2C2C;border-radius:1.3333vw;transition:all 0.7s;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item h3{width:100%;line-height:5.3333vw;margin:2.6667vw 0vw;font-size:4.8vw;color:white}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item h4{width:100%;margin:2.1333vw 0vw;color:#B3B3B3;font-size:3.7333vw}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item h5{width:100%;margin:2.1333vw 0vw;color:#808080;font-size:3.7333vw;vertical-align:middle}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item .Arrow{position:absolute;right:4vw;bottom:6.6667vw}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item .Arrow i{width:5.3333vw;height:5.3333vw;color:#BB86FC}body .Ranking_Container main .Latest_Update_Content_Container .Latest_Update_Content_Item:hover{background-color:#494949}body .Ranking_Container main footer{width:90%;margin:0 auto;height:21.2992vw;padding:2.6667vw 6.6667vw;display:flex;justify-content:right;align-items:center}body .Ranking_Container main footer li{padding:0 2.1333vw;height:10.6496vw;line-height:10.6496vw;margin:0 1.2288vw;color:white;font-size:4.096vw;position:relative;transition:all 0.5s}body .Ranking_Container main footer li svg{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}body .Ranking_Container main footer li:not(body .Ranking_Container main footer li:nth-child(4)):hover{background-color:#27272A;cursor:pointer}}@font-face{font-family:"Inter";src:url(/Assets/FontStyle/LeagueSpartan-VF.woff2)}