.header{width:100%;height:150px;background-color:#111;display:flex;justify-content:center;z-index:10}.header .header-title{width:70%;height:auto;display:flex;align-items:center;justify-content:flex-start}.header .header-title .header-title-big{margin-right:20px;color:#fff;font-size:32px;font-weight:700}.header .header-title .header-title-small{color:#fff;font-size:14px}.modal{position:fixed;z-index:0;width:100%;height:100%;background-color:#000;opacity:.7;display:flex;justify-content:center}.modal-container{position:absolute;left:50%;top:50%;margin:-230px 0 0 -250px;padding:10px;width:500px;height:450px;z-index:0;background-color:#fff;opacity:1;border-radius:5px}.modal-container .modal-container-close{display:inline;float:right;width:30px;height:30px;background-color:#000;color:#fff;text-align:center;font-size:32px;font-weight:500;border-radius:5px;cursor:pointer}.modal-container .modal-container-dropbox{margin:40px 0 0 20px;font-size:24px}.modal-container .modal-container-dropbox .modal-container-dropbox-box{margin:10px 0 0 10px;padding:0 5px 0 10px;width:430px;height:40px;font-size:18px;border-radius:5px;border:1px solid #c4c4c4;box-sizing:border-box}.modal-container .modal-containter-button{margin:40px 0 0 31px;padding-top:18px;width:430px;height:30px;text-align:center;color:#fff;background-color:#000;border-radius:5px;cursor:pointer}.navButtons{margin:30px auto;width:70%;height:45px;z-index:10;text-align:center;line-height:45px;font-size:20px;font-weight:600;color:#fff}.navButtons .navButtons-select{float:left;width:60px;height:45px;background-color:#111;overflow:block}.navButtons .navButtons-filter{float:left;width:60px;background-color:#c4c4c4}.navButtons .navButtons-filter,.navButtons .navButtons-login{height:45px;text-align:center;font-size:20px;font-weight:600;cursor:pointer}.navButtons .navButtons-login{float:right;margin-left:30px;width:100px;background-color:#111;border:1px solid #111;box-sizing:border-box;border-radius:10px;color:#fff}.navContainer{margin:30px auto;width:70%;height:60px;border:1px solid #c4c4c4;box-sizing:border-box;border-radius:10px;display:flex;z-index:10}.navContainer .navContainer-profile{margin-top:20px;width:200px;align-items:center;text-align:center;font-size:18px}.navContainer .navContainer-name{margin-top:20px;width:132px;align-items:center;text-align:right;font-size:18px}.navContainer .navContainer-level{width:103px}.navContainer .navContainer-level,.navContainer .navContainer-rank{margin-top:20px;align-items:center;text-align:center;font-size:18px}.navContainer .navContainer-rank{width:137px}.navContainer .navContainer-KD{width:125px}.navContainer .navContainer-KD,.navContainer .navContainer-WL{margin-top:20px;align-items:center;text-align:center;font-size:18px}.navContainer .navContainer-WL{width:174px}.navContainer-not{margin:30px auto;width:70%;height:60px;border:1px solid #c4c4c4;box-sizing:border-box;border-radius:10px;display:flex;z-index:10}.navContainer-not .navContainer-profile{margin-top:20px;width:200px;align-items:center;text-align:center;font-size:18px}.navContainer-not .navContainer-name{margin-top:20px;width:132px;align-items:center;text-align:right;font-size:18px}.navContainer-not .navContainer-level{margin-top:20px;width:103px;align-items:center;text-align:center;font-size:18px}.navContainer-not .navContainer-rank{margin-top:20px;width:137px;align-items:center;text-align:center;font-size:18px}.navContainer-not .navContainer-KD{margin-top:20px;width:125px;align-items:center;text-align:center;font-size:18px}.navContainer-not .navContainer-WL{margin-top:20px;width:174px;align-items:center;text-align:center;font-size:18px}.hover{cursor:pointer}.hover :hover{box-shadow:5px 5px 5px #c4c4c4}.userContainer{margin:30px auto;width:70%;height:90px;display:flex;align-items:center;border:1px solid #c4c4c4;box-sizing:border-box;border-radius:10px;z-index:10;color:#000}.userContainer :hover{box-shadow:none}.userContainer .userContainer-img{width:100px;height:60px;display:block;align-items:center}.userContainer .userContainer-img .userCenter-profile{margin:0 20px;width:60px;height:60px;border-radius:50%}.userContainer .userContainer-name{width:160px;word-break:break-all;font-weight:700;font-size:18px}.userContainer .userContainer-generation{display:flex;align-items:center;text-align:center}.userContainer .userContainer-level{width:100px;text-align:center}.userContainer .userContainer-rank .userContainer-rank-img{width:60px;height:60px}.userContainer .usercontainer-rank-text{width:80px;text-align:center}.userContainer .usercontainer-kd{width:120px;text-align:center}.userContainer .usercontainer-con{width:185px;display:flex;align-items:center;text-align:center}.userContainer .usercontainer-con .usercontainer-con-graph{width:150px;height:25px;margin-left:15px;background-color:#ee5a52;border-radius:5px;display:flex;align-items:center;text-align:center;justify-content:space-between}.userContainer .usercontainer-con .usercontainer-con-graph .usercontainer-con-graph-win{margin-left:5px;position:fixed;color:#fff}.userContainer .usercontainer-con .usercontainer-con-graph .usercontainer-con-graph-okay{padding-left:5px;width:47%;height:100%;background-color:#6482e4;border-radius:5px 0 0 5px;color:#fff;text-align:left;align-items:center;display:flex}.userContainer .usercontainer-con .usercontainer-con-graph .usercontainer-con-graph-okay-loose{margin-right:5px;display:block;text-align:right;color:#fff}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*# sourceMappingURL=main.9540a4bc.chunk.css.map */