.MainAfterLoginVisualBox{background:#030304;border-bottom:1px solid #363737;height:415px;display:block;position:relative}.MainAfterLoginVisualBox .visualSet{display:block;position:absolute;inset:0}.MainAfterLoginVisualBox .visualSet .background{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:415px;margin:-1px;transition:all .3s;display:block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.MainAfterLoginVisualBox .visualSet .model{opacity:0;width:100%;min-width:1200px;max-width:2200px;height:400px;transition-property:all;transition-duration:.3s;transition-delay:0s;display:block;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.MainAfterLoginVisualBox .visualSet .model img{object-fit:fill;transition:all .2s;display:block;position:absolute;top:-20px;right:0;transform:scale(.95)}.MainAfterLoginVisualBox .visualSet .entity{opacity:0;width:100%;min-width:1200px;max-width:2200px;height:400px;transition-property:all;transition-duration:.3s;transition-delay:0s;display:block;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.MainAfterLoginVisualBox .visualSet .entity img{object-fit:fill;transition:all .2s;animation:1s infinite animate_heart_beat;display:block;position:absolute;top:80px;right:480px}@keyframes animate_heart_beat{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.MainAfterLoginVisualBox .visualSet .largeLabel{opacity:0;width:100%;min-width:1200px;max-width:2200px;height:400px;transition-property:all;transition-duration:.3s;transition-delay:0s;display:block;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.MainAfterLoginVisualBox .visualSet .largeLabel img{object-fit:none;transition-duration:.5s;display:block;position:absolute;top:-50px;left:30px}.MainAfterLoginVisualBox .visualSet .smallLabel{opacity:0;width:100%;min-width:1200px;max-width:2200px;height:400px;transition-property:all;transition-duration:.3s;transition-delay:0s;display:block;position:absolute;top:45%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.MainAfterLoginVisualBox .visualSet .smallLabel img{object-fit:none;transition-duration:.5s;display:block;position:absolute;top:350px;left:30px}.MainAfterLoginVisualBox .visualSet.Active{display:block;position:absolute;inset:0}.MainAfterLoginVisualBox .visualSet.Active .background{opacity:1;transition:all .3s}.MainAfterLoginVisualBox .visualSet.Active .model,.MainAfterLoginVisualBox .visualSet.Active .entity{opacity:1;transition-property:all;transition-duration:.5s;transition-delay:.2s}.MainAfterLoginVisualBox .visualSet.Active .largeLabel{opacity:1}.MainAfterLoginVisualBox .visualSet.Active .largeLabel img{transition-property:all;transition-duration:.5s;top:120px}.MainAfterLoginVisualBox .visualSet.Active .smallLabel{opacity:1}.MainAfterLoginVisualBox .visualSet.Active .smallLabel img{transition-property:all;transition-duration:.5s;top:230px}.MainAfterLoginVisualBox .visualNav{display:flex;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.MainAfterLoginVisualBox .visualNav div{cursor:pointer;background:#222a3f;border-radius:10px;width:20px;height:20px;margin-left:8px;margin-right:8px}.MainAfterLoginVisualBox .visualNav div.Active{background:#fff;width:50px;transition:all .5s;box-shadow:0 0 #fff,0 0 10px #16bbf7,0 0 30px #16bbf7}
.MainBeforeLoginVisualBox{-webkit-user-select:none;user-select:none;background:#0b0e18;display:block;position:fixed;inset:130px 0 0}.MainBeforeLoginVisualBox img{-webkit-user-drag:none}@media screen and (max-width:2000px){.MainBeforeLoginVisualBox .resize{transform:scale(.7)}}.MainBeforeLoginVisualBox .visualSet{display:block;position:absolute;inset:0;overflow:hidden}.MainBeforeLoginVisualBox .visualSet .background{opacity:0;transition:all .3s;display:block;position:absolute;inset:0}.MainBeforeLoginVisualBox .visualSet .background img{object-fit:cover;object-position:center;width:100vw;height:100vh;display:block;position:fixed;inset:0}.MainBeforeLoginVisualBox .visualSet .label{opacity:0;width:1200px;transition:all .3s;display:block;position:absolute;left:50%;transform:translate(-50%)}.MainBeforeLoginVisualBox .visualSet .label.large img{opacity:0;transition:all .5s;display:block;position:absolute;top:150px;left:0}.MainBeforeLoginVisualBox .visualSet .label.small img{opacity:0;transition:all .5s;display:block;position:absolute;top:320px;left:0}.MainBeforeLoginVisualBox .visualSet .entity{opacity:0;width:1200px;transition:all .3s;display:block;position:absolute;left:50%;transform:translate(-50%)}.MainBeforeLoginVisualBox .visualSet .entity.right img{transition:all .5s;display:block;position:absolute;top:250px;right:-350px}.MainBeforeLoginVisualBox .visualSet .entity.left img{transition:all .5s;display:block;position:absolute;top:400px;left:-150px}.MainBeforeLoginVisualBox .visualSet .particle{opacity:0;transition:all .3s;display:block;position:absolute;top:400px;left:50%;transform:translate(-50%)}.MainBeforeLoginVisualBox .visualSet.Active{opacity:1;display:block;position:absolute;inset:0}.MainBeforeLoginVisualBox .visualSet.Active .background{opacity:.3;transition:all .3s}.MainBeforeLoginVisualBox .visualSet.Active .label{opacity:1;transition:all .5s}.MainBeforeLoginVisualBox .visualSet.Active .label.large img{opacity:1;transition:all .5s .5s;display:block;position:absolute;top:200px;left:0}.MainBeforeLoginVisualBox .visualSet.Active .label.small img{opacity:1;transition:all .5s .5s;display:block;position:absolute;top:270px;left:0}.MainBeforeLoginVisualBox .visualSet.Active .entity,.MainBeforeLoginVisualBox .visualSet.Active .particle{opacity:1;transition:all .5s}.MainBeforeLoginVisualBox .visualNav{display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.MainBeforeLoginVisualBox .visualNav div{cursor:pointer;background:#222a3f;border-radius:10px;width:20px;height:20px;margin-left:8px;margin-right:8px}.MainBeforeLoginVisualBox .visualNav div.Active{background:#fff;box-shadow:0 0 #fff,0 0 10px #001aff,0 0 30px #2371ff}
@keyframes animate_grow_1{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes animate_grow_2{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes animate_grow_3{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes punch{0%{transform:translate(0)}50%{transform:translate(15px,-15px)}to{transform:translate(0)}}@keyframes bounce{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}.animate_grow_1 img{animation:3s ease-in-out infinite animate_grow_1}.animate_grow_2 img{animation:3s ease-in-out infinite animate_grow_2}.animate_grow_3 img{animation:3s ease-in-out infinite animate_grow_3}.animate_punch img{animation:3s ease-in-out infinite punch}.animate_bounce img{animation:3s ease-in-out infinite bounce}
#PageMain{text-align:center;z-index:100;display:block;position:relative}#PageMain>div>.title{justify-content:flex-start;margin-bottom:20px;margin-left:20px;display:flex}#PageMain>div>.content{margin-top:30px}#PageMain>.popularGame{width:100%;min-width:1200px;max-width:2200px;margin:60px auto 0;padding-top:40px;display:block}#PageMain>.popularGame .content{display:block}#PageMain>.popularGame .content .slideBox{grid-template-rows:none;justify-content:center;align-items:center;gap:20px;height:450px;margin-bottom:30px;padding:0 20px;display:flex;position:relative;overflow:hidden}#PageMain>.popularGame .content .slideBox:before{content:"";z-index:1;background:linear-gradient(90deg,#0c0e17,#0000);width:250px;position:absolute;top:0;bottom:0;left:0}#PageMain>.popularGame .content .slideBox:after{content:"";z-index:1;background:linear-gradient(270deg,#0c0e17,#0000);width:250px;position:absolute;top:0;bottom:0;right:0}#PageMain>.popularGame .content .slideBox a{flex:1 0 350px;animation:20s linear infinite slideRight}@keyframes slideRight{to{transform:translate(-634%)}}#PageMain>.popularGame .content .slideBox a .gameCard{cursor:pointer;background:#171d26;border:1px solid #161c24;border-radius:15px;flex-shrink:0;height:400px;margin-left:0;transition:all .5s;display:block;position:relative;box-shadow:0 0 10px #0006,0 0 40px #0004,inset 0 0 50px #0004}#PageMain>.popularGame .content .slideBox a .gameCard .visualImage{filter:grayscale(.7)brightness(.7);justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:90px 0 130px;transform:scale(.7)}#PageMain>.popularGame .content .slideBox a .gameCard .label{justify-content:center;align-items:center;height:80px;display:flex;position:absolute;top:10px;left:0;right:0}#PageMain>.popularGame .content .slideBox a .gameCard .label .largeLabel{color:#6d747b;font-size:20px;font-weight:600}#PageMain>.popularGame .content .slideBox a .gameCard .label .smallLabel{color:#6d747b;padding-left:10px;font-size:18px;font-weight:400}#PageMain>.popularGame .content .slideBox a .gameCard .description{color:#6d747b;justify-content:center;align-items:center;height:50px;padding-left:20px;padding-right:20px;font-size:12px;display:flex;position:absolute;bottom:70px;left:0;right:0}#PageMain>.popularGame .content .slideBox a .gameCard .button{color:#becde3;background:#1b222c;border:1px solid #6d747b;border-radius:20px;justify-content:center;align-items:center;height:40px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:15px;left:15px;right:15px}#PageMain>.popularGame .content .slideBox a .gameCard:hover{background:#0b0e18;border:1px solid #161c24;transition:all .5s}#PageMain>.popularGame .content .slideBox a .gameCard:hover .visualImage{filter:grayscale(0)brightness();justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:90px 0 130px;transform:scale(.8)}#PageMain>.popularGame .content .slideBox a .gameCard:hover .label .largeLabel{color:#fff;text-shadow:0 0 #fff,0 0 10px #16bbf7,0 0 30px #16bbf7;transition:all .1s}#PageMain>.popularGame .content .slideBox a .gameCard:hover .label .smallLabel{color:#fff;text-shadow:0 0 #fff;transition:all .1s}#PageMain>.popularGame .content .slideBox a .gameCard:hover .button{color:#fff;background:#16bbf7;border:1px solid #16bbf7}#PageMain>.popularGame .content .slideBox a .gameCard.slide{animation:1s slide}#PageMain>.popularGame .content .slideBox a .gameCard.slideIn{animation:1s fadeIn}#PageMain>.popularGame .content .slideBox a .gameCard.slideOut{animation:1s slideOut}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(0%)}}@keyframes slideIn{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{transform:translate(100%)}to{transform:translate(0)}}#PageMain>.liveSports{width:100%;min-width:1200px;max-width:2200px;margin:0 auto;padding-top:30px;display:block}#PageMain>.esports{z-index:1;width:100%;min-width:1200px;max-width:2200px;margin:0 auto;padding-top:60px;display:block;position:relative}#PageMain>.esports .content{min-width:1200px;max-width:2200px;height:340px;padding-left:40px;padding-right:40px;display:block;position:relative}#PageMain>.esports .content .ESportsMatch{filter:brightness()grayscale(0);opacity:0;transition:all .8s;position:absolute;top:60px;left:20px;right:20px;transform:scale(1.05);box-shadow:0 20px 20px #0005}#PageMain>.esports .content .ESportsMatch:after{z-index:0}#PageMain>.esports .content .ESportsMatch.order-0{filter:brightness(.8)grayscale(.2);opacity:0;z-index:10;transition:all;top:55px;left:20px;right:20px;transform:scale(.9)}#PageMain>.esports .content .ESportsMatch.order-1{filter:brightness(.8)grayscale(.2);opacity:.8;z-index:10;transition:all 1.4s;top:40px;left:20px;right:20px;transform:scale(.9)}#PageMain>.esports .content .ESportsMatch.order-2{filter:brightness(.9)grayscale(.1);opacity:1;z-index:20;transition:all 1.2s;top:25px;left:20px;right:20px;transform:scale(.95)}#PageMain>.esports .content .ESportsMatch.order-3{filter:brightness()grayscale(0);opacity:1;z-index:30;transition:all 1s;top:0;left:20px;right:20px;transform:scale(1)}#PageMain>.ranking{z-index:2;width:100%;min-width:1200px;max-width:2200px;margin:0 auto;position:relative}#PageMain>.ranking>.content{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;min-width:1200px;max-width:2200px;margin:0 auto;padding-bottom:20px;padding-left:20px;padding-right:20px;display:flex}#PageMain>.ranking>.content>.box{background:#1c222c;border:1px solid #32383f;border-radius:30px;height:500px}#PageMain>.ranking>.content>.box.chatbox{z-index:10;flex-direction:column;flex:3;width:16vw;padding:10px;display:flex;position:relative}#PageMain>.ranking>.content>.box.chatbox .settings{justify-content:right;display:flex;position:relative}#PageMain>.ranking>.content>.box.chatbox .settings img{cursor:pointer;z-index:2;width:20px;transition:all .5s;position:absolute;top:10px;right:10px}#PageMain>.ranking>.content>.box.chatbox .settings img:hover{filter:brightness(0)invert();transition:all .5s}#PageMain>.ranking>.content>.box.chatbox>.messages{z-index:1;border-radius:20px;flex-grow:1;margin-bottom:10px;overflow:hidden scroll}#PageMain>.ranking>.content>.box.chatbox>.messages::-webkit-scrollbar{border-radius:3px;width:5px}#PageMain>.ranking>.content>.box.chatbox>.messages::-webkit-scrollbar-track{background:0 0}#PageMain>.ranking>.content>.box.chatbox>.messages::-webkit-scrollbar-thumb{background:#16bbf7;border-radius:3px}#PageMain>.ranking>.content>.box.chatbox>.messages>.message{border-top:1px solid #32383f;border-bottom:1px solid #0e1018;flex-direction:column;padding:20px 10px 10px;display:flex;position:relative}#PageMain>.ranking>.content>.box.chatbox>.messages>.message .message-content{display:flex;position:relative}#PageMain>.ranking>.content>.box.chatbox>.messages>.message .message-content>.content>img{width:100px;margin-top:10px;margin-left:40px}#PageMain>.ranking>.content>.box.chatbox>.messages>.message .message-content>.content>.bubble-container>.text{color:#d5deee;text-align:left;margin-top:5px;margin-bottom:5px;margin-left:60px}#PageMain>.ranking>.content>.box.chatbox>.messages>.message .message-content>.content>.bubble-container>.text.size-11{font-size:12px}#PageMain>.ranking>.content>.box.chatbox>.messages>.message .message-content>.content>.bubble-container>.text.size-14{font-size:14px}#PageMain>.ranking>.content>.box.chatbox>.messages>.message .message-content>.content>.bubble-container>.blinded-chat{-webkit-backdrop-filter:blur(11.6px);backdrop-filter:blur(11.6px);background:0 0;width:100%;height:100%;position:absolute;box-shadow:0 4px 30px #0000001a}#PageMain>.ranking>.content>.box.chatbox>.messages>.message>.sender{cursor:pointer;z-index:2;align-items:center;gap:5px;display:flex}#PageMain>.ranking>.content>.box.chatbox>.messages>.message>.sender>.icon{cursor:pointer;flex-shrink:0;width:34px;height:34px}#PageMain>.ranking>.content>.box.chatbox>.messages>.message>.sender>.icon img{object-fit:scale-down;border:1px solid #292d38;border-radius:17px;width:34px;height:34px}#PageMain>.ranking>.content>.box.chatbox>.messages>.message>.sender>.level{object-fit:contain;background:#aa986d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}#PageMain>.ranking>.content>.box.chatbox>.messages>.message>.sender>.info{cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}#PageMain>.ranking>.content>.box.chatbox>.messages>.message>.sender>.info>.nickname{color:#ccc;font-size:14px;font-weight:600}#PageMain>.ranking>.content>.box.chatbox>.messages>.message>.sender>.info>.datetime{color:#b4b9bb;font-size:12px;font-weight:200}#PageMain>.ranking>.content>.box.chatbox>.messages>.message>.content>.text{color:#d5deee;text-align:left;margin-top:5px;margin-bottom:5px;margin-left:60px}#PageMain>.ranking>.content>.box.chatbox>.messages>.message>.content>.text.size-11{font-size:12px}#PageMain>.ranking>.content>.box.chatbox>.messages>.message>.content>.text.size-14{font-size:14px}#PageMain>.ranking>.content>.box.chatbox>.messages>.message:first-child{border-top:0}#PageMain>.ranking>.content>.box.chatbox>.messages>.message:last-child{border-bottom:0}#PageMain>.ranking>.content>.box.chatbox>.sender{z-index:2;border:1px solid #32383f;border-radius:20px;flex-shrink:0;height:100px;position:relative}#PageMain>.ranking>.content>.box.chatbox>.sender>.inputwrap{background:#0e1018;border:1px solid #32383f;border-radius:20px;height:101px;position:absolute;bottom:-1px;left:-1px;right:-1px}#PageMain>.ranking>.content>.box.chatbox>.sender>.inputwrap>input{color:#fff;background:0 0;border:0;outline:none;font-size:14px;position:absolute;inset:30px 100px 30px 30px}#PageMain>.ranking>.content>.box.chatbox>.sender>.inputwrap>.btn-submit{color:#efefef;cursor:pointer;background:#1c222c;border:1px solid #32383f;border-radius:10px;justify-content:center;align-items:center;width:70px;font-family:Pretendard,sans-serif;font-size:14px;transition:all .2s;display:flex;position:absolute;top:10px;bottom:10px;right:10px}#PageMain>.ranking>.content>.box.chatbox>.sender>.inputwrap>.btn-submit:hover{color:#fff;background:#16bdf9;border:1px solid #16bbf7;transition:all .2s}#PageMain>.ranking>.content>.box.chatbox>.sender>.inputwrap>.btn-submit:active{background:#16bdf9}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container{z-index:1;background-color:#0b0e17;border:3px solid #16bbf7;border-radius:5px;align-items:center;width:calc(100% - 40px);transition:all .5s;animation:.5s forwards slideDown;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container.show{transform:translate(-50%,-73px)}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .chat-menu-icon-container{cursor:pointer;z-index:100;background-color:#0b0e17;border:2px solid #16bbf7;border-radius:4px;justify-content:center;align-items:center;width:22px;height:32px;display:flex;position:absolute;top:-34px;right:3px;overflow:hidden;transform:rotate(90deg)}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .chat-menu-icon-container .chat-menu-icon{opacity:.4;width:20px;height:20px}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .chat-menu-icon-container .chat-menu-icon:hover{opacity:.7}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .chat-menu-icon-container .exit-icon{filter:brightness(0)saturate()invert(56%)sepia(1%)saturate(0%)hue-rotate(323deg)brightness(98%)contrast(88%);width:20px;height:20px}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .control-set{justify-content:space-between;align-items:center;width:100%;height:60px;margin-left:8px;display:flex}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .control-set .control-group{align-items:center;display:flex}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .control-set .control-group .label{color:#fff9;z-index:100;cursor:pointer}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .control-set .control-group .label.toggle{cursor:pointer}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .control-set .control-group.right{justify-content:flex-start}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .control-set .control-group.left{justify-content:flex-end}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .control-set .control-group.disabled .label,#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .control-set .control-group.disabled .CanSlider{opacity:.3}#PageMain>.ranking>.content>.box.chatbox .chat-gpt-control-container .CanSlider{margin:0 5px}#PageMain>.ranking>.content>.box.rankingbox{flex-grow:1;justify-content:flex-start;display:flex}#PageMain>.ranking>.content>.box.rankingbox>.visual{flex-shrink:0;width:346px;display:none}#PageMain>.ranking>.content>.box.rankingbox>.visual>.btn-detail{color:#efefef;cursor:pointer;background:#1989b4;border:1px solid #16b8f2;justify-content:center;align-items:center;height:40px;margin-left:40px;margin-right:40px;font-family:Pretendard,sans-serif;font-size:14px;transition:all .2s;display:flex}#PageMain>.ranking>.content>.box.rankingbox>.visual>.btn-detail:hover{color:#fff;background:#116180;border:1px solid #16b8f2;transition:all .2s}#PageMain>.ranking>.content>.box.rankingbox>.visual>.btn-detail:active{background:#1981a9}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap{flex-direction:row;flex-grow:1;gap:10px;width:fit-content;min-width:610px;padding:20px;display:flex}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav{flex-direction:row;flex-shrink:0;gap:10px;display:flex;overflow:scroll hidden}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav>.item{cursor:pointer;border:1px solid #6d737a;border-radius:20px;flex-shrink:0;align-items:center;gap:10px;width:100%;max-width:80px;height:76px;margin:0;padding:0 20px;transition:all .4s;display:flex;position:relative;overflow:hidden}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav>.item>.innerbg{background:#0b0e18;border:1px solid #2f354d;border-radius:15px;transition:all .4s;position:absolute;inset:5px}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav>.item>.innerbg .light{position:absolute;top:0;left:0}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav>.item>img.icon{object-position:center;flex-shrink:0;width:40px;height:40px;position:relative;object-fit:scale-down!important}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav>.item>.labelgrp{opacity:0;text-align:left;flex-grow:1;transition:all .4s;position:relative}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav>.item>.labelgrp>.label{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav>.item>.labelgrp>.sublabel{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav>.item.active{border:1px solid #16b8f2;max-width:200px;transition:all .4s}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav>.item.active>.innerbg{background:#3589b5;transition:all .4s}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav>.item.active>.labelgrp{opacity:1;transition:all .4s}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav::-webkit-scrollbar{height:5px}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav::-webkit-scrollbar-track{background:0 0}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.nav::-webkit-scrollbar-thumb{background:#16b8f2;border-radius:3px}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section{flex-shrink:0;height:470px;display:flex;position:relative}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer{flex-direction:column;flex-shrink:0;gap:10px;width:fit-content;display:flex}@keyframes flow-out-animating{0%{left:0}to{left:-1230px}}@keyframes slide1{0%{transform:translate(300%)}50%{transform:translate(0)}to{transform:translate(-320%)}}@keyframes slide2{0%{transform:translate(50%)}50%{transform:translate(-320%)}to{transform:translate(-640%)}}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .innerbg{cursor:pointer;place-items:center;gap:10px;display:flex;position:relative}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .innerbg .avatar-border{position:absolute}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .innerbg .avatar-border img{width:120px}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .right-panel{width:100%;margin-top:13px}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item{flex-shrink:0;justify-content:center;height:146px;margin-right:10px;display:flex}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .total-deposit-container{text-align:left;gap:20px;margin-bottom:12px}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .total-deposit-container .amount-wrapper{align-items:center;gap:10px;margin-top:10px;display:flex}@media screen and (max-width:1500px){#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .total-deposit-container .amount-wrapper{flex-direction:column;align-items:flex-start}}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .total-deposit-container .amount-wrapper .amount{font-size:18px}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .top-ranks-container{background:#16181e;border:1px solid #2f354d;border-radius:20px;gap:20px;width:100%;padding:15px;display:flex}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .user-details{align-items:center;gap:10px;width:120px;margin-bottom:22px;display:flex}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .user-name{color:#fff;cursor:pointer;white-space:nowrap;font-size:17px;font-weight:600}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .user-image{object-fit:contain;background:#242a32;border-radius:50%;width:95px;height:95px;margin-top:30px;margin-left:6px;padding:5px}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .deposit-label{color:#fff;font-size:15px;font-weight:100}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .amount{color:#f9b60d;font-size:26px;font-weight:900}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .levelpanel{flex-direction:row;flex-grow:1;gap:5px;width:100%;display:flex;overflow:hidden}@media screen and (max-width:1600px){#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .levelpanel{display:none}}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .levelpanel>.levelgrp{flex-direction:column;width:100%;display:flex}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .levelpanel>.levelgrp>.label{color:#fff;text-shadow:0 0 3px #80cbff,0 0 10px #1681c0,0 0 15px #1175ab;white-space:nowrap;justify-content:center;padding-top:5px;padding-bottom:5px;font-size:13px;font-weight:400;display:flex}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .levelpanel>.levelgrp>.value{color:#e9b23c;justify-content:center;font-size:12px;display:flex}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.top-ranks-section .inner-layer .top-ranks-item .levelpanel>.levelgrp>.value span{color:#e3449b;padding-left:5px}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.list{flex-direction:column;flex-grow:1;display:flex;overflow:hidden scroll}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.list::-webkit-scrollbar{width:5px}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.list::-webkit-scrollbar-track{background:0 0}#PageMain>.ranking>.content>.box.rankingbox>.rankingwrap>.list::-webkit-scrollbar-thumb{background:#16b8f2;border-radius:3px}#PageMain>.ranking>.content>.box.rankingbox .ranking-king{flex-direction:column;width:100%;display:flex;position:relative}#PageMain>.ranking>.content>.box.rankingbox .ranking-king .ranking-king-entity{position:absolute;bottom:54%}@media screen and (max-width:1400px){#PageMain>.ranking>.content>.box.rankingbox .ranking-king .ranking-king-entity{bottom:76%}}#PageMain>.ranking>.content>.box.rankingbox .ranking-king .ranking-king-entity img{width:100%;max-width:729px}#PageMain>.ranking>.content>.box.rankingbox .ranking-list{grid-gap:5px;height:300px;margin-top:10px;display:grid;position:relative;top:34%;overflow:hidden scroll}@media screen and (max-width:1400px){#PageMain>.ranking>.content>.box.rankingbox .ranking-list{height:370px;top:17%}}#PageMain>.ranking>.content>.box.rankingbox .ranking-list::-webkit-scrollbar{border-radius:3px;width:5px}#PageMain>.ranking>.content>.box.rankingbox .ranking-list::-webkit-scrollbar-track{background:0 0}#PageMain>.ranking>.content>.box.rankingbox .ranking-list::-webkit-scrollbar-thumb{background:#16bbf7;border-radius:3px}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .user-image{cursor:pointer;-o-object-fit:scale-down;object-fit:scale-down;background:#242a32;border-radius:22px;width:44px;height:44px;margin-left:20px;padding:5px}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .ranking-container{background:#161920;border:1px solid #292a2f;border-radius:20px;justify-content:space-between;align-items:center;gap:5px;width:100%;min-width:250px;height:70px;padding:15px 15px 15px 0;display:flex;overflow:hidden}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .ranking-container:nth-child(2n){background:#0c0e15}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .ranking-details{color:#ccc;cursor:pointer;font-size:15px}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .ranking-details.user-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:130px;overflow-x:hidden}@media screen and (max-width:1300px){#PageMain>.ranking>.content>.box.rankingbox .ranking-list .ranking-details.user-name{text-overflow:ellipsis;white-space:nowrap;width:110px;overflow:hidden}}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .ranking-details.total-amount{color:#eab43a;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;flex-shrink:0;padding-right:15px;font-weight:600;overflow-x:hidden}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .rank-number{color:#ccc;object-fit:contain;background:#5ab138;border-radius:50%;place-content:center;place-items:center;width:25px;height:25px;margin-top:27px;margin-left:42px;font-size:13px;display:flex;position:absolute}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .levelpanel{flex-direction:row;flex-grow:0;flex-shrink:0;width:450px;min-width:300px;display:flex;overflow:hidden}@media screen and (max-width:1900px){#PageMain>.ranking>.content>.box.rankingbox .ranking-list .levelpanel{display:none}}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .levelpanel>.levelgrp{flex-direction:column;width:100%;padding:10px;display:flex}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .levelpanel>.levelgrp>.label{color:#fff;text-shadow:0 0 3px #80cbff,0 0 10px #1681c0,0 0 15px #1175ab;white-space:nowrap;justify-content:center;font-size:14px;font-weight:400;display:flex}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .levelpanel>.levelgrp>.value{color:#e9b23c;justify-content:center;padding-top:5px;font-size:12px;display:flex}#PageMain>.ranking>.content>.box.rankingbox .ranking-list .levelpanel>.levelgrp>.value span{color:#e3449b;padding-left:5px}#PageMain>.ranking>.content>.box.faqbox{flex:3;width:16vw;min-width:300px}#PageMain>.ranking>.content>.box.faqbox .faq-wrapper{flex-shrink:0;justify-content:center;align-items:center;margin-top:20px;margin-left:10px;margin-right:10px;display:grid}#PageMain>.ranking>.content>.box.faqbox .question-type{color:#fff;text-align:left;min-width:102px;margin-left:10px;font-size:16px}#PageMain>.ranking>.content>.box.faqbox .question{color:#9b9d9f;text-align:left;font-size:16px}#PageMain>.ranking>.content>.box.faqbox .faq-container{cursor:pointer;border-top:1px solid #32383f;border-bottom:1px solid #0e1018;align-items:center;gap:30px;min-height:65px;padding:0 12px;display:flex}#PageMain>.ranking>.content>.box.faqbox .faq-container:hover{background:#0c0e17}#PageMain>.ranking>.content>.box.faqbox .faq-header{align-items:center;gap:30px;padding-top:40px;padding-left:38px;display:flex}#PageMain>.ranking>.content>.box.faqbox .faq-title{color:#16bbf7;font-size:20px;font-weight:600}#PageMain>.ranking>.content>.box.faqbox .faq-details{color:#fff;font-size:16px}.chat-buttons{justify-content:center;gap:30px;margin-top:10px;display:none}.chat-icon-label{color:#fff;margin-top:5px;font-size:12px}
.SportsMatch{color:#becde3;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background:#171d26;border:1px solid #171d26;border-radius:20px;justify-content:center;align-items:center;height:80px;margin-top:7px;margin-left:20px;margin-right:20px;transition:all .3s;display:flex;position:relative}.SportsMatch .eventId,.SportsMatch .eventCategory,.SportsMatch .marketName{display:none}.SportsMatch .eventCategoryImg{cursor:pointer;background:#0d121b;border-radius:20px;width:40px;position:absolute;top:10px;bottom:10px;left:10px}.SportsMatch .eventCategoryImg img{object-fit:scale-down;object-position:center;width:24px;height:53px}.SportsMatch .eventStatus{color:#dbdbdb;cursor:pointer;background:#757575;border-radius:3px;justify-content:center;align-items:center;width:36px;height:22px;display:flex;position:absolute;top:15px;left:60px}.SportsMatch .eventStatus.PLAYING{background:#c12a2b}.SportsMatch .eventAt{color:#dbdbdb;cursor:pointer;background:#0f0f0f;border-radius:3px;justify-content:center;align-items:center;width:110px;height:22px;display:flex;position:absolute;top:15px;left:100px}.SportsMatch .eventGroup{color:#6c829d;justify-content:flex-start;align-items:center;height:15px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:15px;left:60px}.SportsMatch .gameEventMarketCount{color:#16bbf7;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;top:20px;bottom:20px;right:25px}.SportsMatch .marketItemList{flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:280px;margin-left:15px;margin-right:15px;display:flex}.SportsMatch .marketItemList .marketItem{cursor:pointer;background:#0d121b;border:1px solid #0d121b;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:60px;margin-left:5px;font-size:12px;font-weight:600;transition:all .1s;display:flex;position:relative}.SportsMatch .marketItemList .marketItem.versus{color:#16bbf7;cursor:pointer;background:#0d121b;border:1px solid #131822;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:all .1s;display:flex}.SportsMatch .marketItemList .marketItem .label{color:#848484;height:10px;font-size:12px;transition:all .1s;transform:scale(.7)}.SportsMatch .marketItemList .marketItem>.market_item_odds_change_offset,.SportsMatch .marketItemList .marketItem>.market_item_odds_change_offset>span.up,.SportsMatch .marketItemList .marketItem>.market_item_odds_change_offset>span.down,.SportsMatch .marketItemList .marketItem .spinner-box{display:none}.SportsMatch .marketItemList .marketItem.up{border:1px solid #00d080;animation:2s infinite animate_odds_change_up}.SportsMatch .marketItemList .marketItem.up>.market_item_odds_change_offset{color:#00d080;opacity:0;animation:1s infinite animate_odds_change_up_text;display:block;position:absolute;bottom:5px}.SportsMatch .marketItemList .marketItem.up>.market_item_odds_change_offset>span.up{display:inline-block}.SportsMatch .marketItemList .marketItem.down{border:1px solid #ff491c;animation:2s infinite animate_odds_change_down}.SportsMatch .marketItemList .marketItem.down>.market_item_odds_change_offset{color:#ff491c;opacity:0;animation:1s infinite animate_odds_change_down_text;display:block;position:absolute;bottom:5px}.SportsMatch .marketItemList .marketItem.down>.market_item_odds_change_offset>span.down{display:inline-block}@keyframes animate_odds_change_up_text{0%{opacity:0;bottom:0}50%{opacity:1;bottom:5px}to{opacity:0}}@keyframes animate_odds_change_down_text{0%{opacity:0;bottom:10px}50%{opacity:1;bottom:5px}to{opacity:0;bottom:5px}}@keyframes animate_odds_change_up{0%{border:1px solid #00d08055}50%{border:1px solid #00d080}to{border:1px solid #00d08055}}@keyframes animate_odds_change_down{0%{border:1px solid #ff491c55}50%{border:1px solid #ff491c}to{border:1px solid #ff491c55}}.SportsMatch .marketItemList .marketItem:hover:not(.versus),.SportsMatch .marketItemList .marketItem.active{background:#16bdf926;border:1px solid #16bbf7;transition:all .1s}.SportsMatch .marketItemList .marketItem:hover:not(.versus)>.label,.SportsMatch .marketItemList .marketItem.active>.label,.SportsMatch .marketItemList .marketItem:hover:not(.versus)>.odds,.SportsMatch .marketItemList .marketItem.active>.odds{color:#61d0ff;transition:all .1s}.SportsMatch .marketItemList .marketItem.pre_active:not(.active){background:#16bdf926;border:1px solid #16bbf7;transition:all .1s}.SportsMatch .marketItemList .marketItem.pre_active:not(.active)>.label,.SportsMatch .marketItemList .marketItem.pre_active:not(.active)>.odds{color:#16bbf7;transition:all .1s}.SportsMatch .marketItemList .marketItem.pre_active:not(.active) .spinner_box{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.SportsMatch .marketItemList .marketItem.pre_active:not(.active) .spinner_box .spinner{background:radial-gradient(farthest-side,#16bbf7 94%,#16bbf7) top/3px 3px no-repeat,conic-gradient(#0000 30%,#16bbf7);border-radius:50%;justify-content:center;width:50px;height:50px;animation:1s linear infinite loader-animation;display:flex;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0)}@keyframes loader-animation{to{transform:rotate(1turn)}}.SportsMatch .marketItemList .marketItem>.market_item_odds_change_offset,.SportsMatch .marketItemList .marketItem>.market_item_odds_change_offset>span.up,.SportsMatch .marketItemList .marketItem>.market_item_odds_change_offset>span.down{display:none}.SportsMatch .marketItemList .marketItem:first-child{margin-left:0}.SportsMatch .marketItemList .marketItem:active{background:#155a75;transition:all .1s}.SportsMatch .marketItemList.deactivated>.marketItem{background:#131822;border:0}.SportsMatch .marketItemList.deactivated>.marketItem>.label{color:#99a0ab22}.SportsMatch .marketItemList.deactivated>.marketItem>.odds{color:#abb2be22}.SportsMatch .marketItemList.deactivated>.marketItem>.spinner_box,.SportsMatch .marketItemList.deactivated>.marketItem>.spinner_box>.spinner{opacity:0;animation:none;display:none}.SportsMatch .marketItemList.deactivated>.marketItem>.locker{background-image:url(https://tkz.asia-sportradar.com/img/frontend/icon/lock.png);background-position:50%;background-repeat:no-repeat;background-size:12px;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.SportsMatch .marketItemList.deactivated>.marketItem:hover,.SportsMatch .marketItemList.deactivated>.marketItem.active{background:#0d121b}.SportsMatch .marketItemList.deactivated>.marketItem:hover>.label,.SportsMatch .marketItemList.deactivated>.marketItem.active>.label{color:#99a0ab22}.SportsMatch .marketItemList.deactivated>.marketItem:hover>.odds,.SportsMatch .marketItemList.deactivated>.marketItem.active>.odds{color:#abb2be22}.SportsMatch .marketItemList.deactivated>.marketItem.pre_active{background:#131822}.SportsMatch .marketItemList.deactivated>.marketItem.pre_active>.label{color:#99a0ab22}.SportsMatch .marketItemList.deactivated>.marketItem.pre_active>.odds{color:#abb2be22}.SportsMatch .marketItemList.deactivated>.marketItem.pre_active>.spinner_box,.SportsMatch .marketItemList.deactivated>.marketItem.pre_active>.spinner_box>.spinner{opacity:0;animation:none;display:none}.SportsMatch .marketItemList.deactivated>.marketItem.pre_active>.locker{filter:sepia()hue-rotate(-90deg)saturate(200%);transition:all 50ms;animation:.1s animate_vibration}@keyframes animate_vibration{0%{margin-left:-5px}50%{margin-left:5px}to{margin-left:-5px}}.SportsMatch .homeTeamImg,.SportsMatch .awayTeamImg{background:#1b222c;border:1px solid #151a23;border-radius:40px;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.SportsMatch .homeTeamImg img,.SportsMatch .awayTeamImg img{object-fit:scale-down;object-position:center;background-color:#0b0f17;border-radius:40px;width:50px;height:50px;padding:5px}.SportsMatch .homeTeam{justify-content:flex-end;align-items:center;width:100%;padding-right:10px;font-size:13px;font-weight:600;display:flex}.SportsMatch .awayTeam{justify-content:flex-start;align-items:center;width:100%;padding-left:10px;font-size:13px;font-weight:600;display:flex}.SportsMatch .homeTeamScore{color:#61d0ff;justify-content:center;align-items:center;padding-left:15px;padding-right:15px;font-size:15px;font-weight:600;display:flex}.SportsMatch .awayTeamScore{color:#7fd988;justify-content:center;align-items:center;padding-left:15px;padding-right:15px;font-size:15px;font-weight:600;display:flex}.SportsMatch img{max-width:80px;max-height:80px}.SportsMatch:hover{background:#0b0e18;transition:all .3s;box-shadow:0 0 #16bbf7,0 0 10px #16bbf7,0 0 30px #16bbf7}