.gameContent{pointer-events:auto;padding:0 3% 72px}.gameContent .gameContentWrapper{flex-direction:column;width:100%;max-width:1534px;margin:0 auto;display:flex}.gameContent .gameContentWrapper .tabContainer{width:100%;padding:76px 0 31.5px;overflow-x:auto}.gameContent .gameContentWrapper .tabContainer::-webkit-scrollbar{display:none}@media (max-width:760px){.gameContent .gameContentWrapper .tabContainer{padding:30px 0}}.gameContent .gameContentWrapper .tabContainer .tabItems{justify-content:center;gap:24.69px;min-width:fit-content;margin:0 auto;display:flex}@media (max-width:760px){.gameContent .gameContentWrapper .tabContainer .tabItems{gap:10px}}.gameContent .gameContentWrapper .tabContainer .tabItems button{white-space:nowrap;text-transform:capitalize;background:#f3f3f30d;border:1.234px solid #1dde6a33;border-radius:18.513px;justify-content:center;align-items:center;gap:18.513px;width:fit-content;height:74px;padding:22.216px;display:flex}.gameContent .gameContentWrapper .tabContainer .tabItems button .tabIcon{width:30px;height:30px}.gameContent .gameContentWrapper .tabContainer .tabItems button:first-child{box-shadow:24.684px 29.621px 44.432px #a8a16333}.gameContent .gameContentWrapper .tabContainer .tabItems button p{opacity:.5;color:#fff;letter-spacing:-.666px;text-transform:capitalize;font-family:Inter;font-size:clamp(14px,1.8vw,22.216px);font-style:normal;font-weight:400;line-height:97%}@media (max-width:720px){.gameContent .gameContentWrapper .tabContainer .tabItems button{gap:8px;height:50px;padding:9px 13px}}.gameContent .gameContentWrapper .tabContainer .tabItems button .tabIcon div{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.gameContent .gameContentWrapper .tabContainer .tabItems button.active{background:linear-gradient(31deg,#168241 0%,#020600 100%)}.gameContent .gameContentWrapper .tabContainer .tabItems button.active p{opacity:1}.gameContent .gameContentWrapper .tabContainer .tabItems button.active .tabButtonLayer{z-index:1;background-image:url(/buttonLayer.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:64.1%;transition:all .3s ease-in-out;position:absolute;top:10px;bottom:10px}.gameContent .gameContentWrapper .tabContainer .tabItems button.active .tabIcon div svg g{opacity:1}.gameContent .gameContentWrapper .tabContent{align-items:stretch;gap:20px;width:100%;min-height:600px;display:flex}@media (max-width:1080px){.gameContent .gameContentWrapper .tabContent{flex-direction:column}}.gameContent .gameContentWrapper .tabContent .column{flex-direction:column;flex:1.3;gap:28px;display:flex}.gameContent .gameContentWrapper .tabContent .column.right{flex:1;max-width:612px}@media (max-width:1080px){.gameContent .gameContentWrapper .tabContent .column{width:100%}.gameContent .gameContentWrapper .tabContent .column.right{width:100%;max-width:100%}}.gameContent .gameContentWrapper .tabContent .column .checkoutNote{background:#f3f3f30d;border:1px solid #1dde6a33;border-radius:15px;align-items:center;gap:12px;padding:30px 35px;display:flex}.gameContent .gameContentWrapper .tabContent .column .checkoutNote .textWrap{flex-direction:column;gap:5px;display:flex}.gameContent .gameContentWrapper .tabContent .column .checkoutNote .textWrap .title{color:#fff;font-family:var(--font-helvetica-now-display);text-transform:capitalize;font-size:20px;font-weight:400;line-height:100%}.gameContent .gameContentWrapper .tabContent .column .checkoutNote .textWrap .description{color:#9a9a9a;font-family:Inter;font-size:16px;font-weight:300;line-height:100%}.rank-select-menu{border:1px solid #1dde6a33;border-radius:8px;margin-top:8px;background-color:#000000e6!important}.rank-select-menu .MuiMenuItem-root{color:#e5e5e5;padding:12px 20px;font-family:Inter,Arial,sans-serif;font-size:14px}.rank-select-menu .MuiMenuItem-root:hover{background-color:#1dde6a1a}
.currentRankBox{background:linear-gradient(256deg,#1dde6a97,#171717e6 59.96%);border-radius:15px;flex-grow:1;min-height:200px;padding:1px;display:flex;position:relative}.currentRankBox .boxWrapper{z-index:2;background:linear-gradient(256deg,#052813 -97.16%,#151515 59.96%);border-radius:13px;flex-direction:column;flex-grow:1;justify-content:center;gap:24px;margin:1px;padding-bottom:38px;display:flex;position:relative}.currentRankBox.blue{flex-grow:1}.currentRankBox.blue .boxWrapper{background:linear-gradient(256deg,#07446b -97.16%,#0a0a0a 59.96%)}.currentRankBox.blue .boxWrapper .boxLayer{background:linear-gradient(256deg,#084c77e6 -97.16%,#0b0b0be6 59.96%)}.currentRankBox.blue .boxWrapper .boxLayer .imgLayer{opacity:.8;width:240px;top:0;right:0}.currentRankBox.blue .boxWrapper .boxLayer .imgLayer.lg{width:350px}.currentRankBox.blue .boxWrapper .boxLayer .imgLayer.cover{object-fit:cover;width:100%;height:100%}.currentRankBox.blue .boxWrapper .rankHeader .rankIcon{background:linear-gradient(59deg,#0c77c0 -54.69%,#020600 132.06%);border:1px solid #fff3;border-radius:10px}@keyframes rotateGradient{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rotateGradient-reverse{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}.currentRankBox .boxLayer{opacity:.1;pointer-events:none;z-index:-1;background:linear-gradient(221deg,#1dde6a 39.84%,#171717e6 59.96%);border-radius:13px;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;right:0;overflow:hidden}.currentRankBox .boxLayer .imgLayer{aspect-ratio:1;aspect-ratio:.78;opacity:.2;z-index:-1;width:240px;position:absolute;top:-28px;right:-22px}.currentRankBox .boxLayer .imgLayer.lg{width:350px}.currentRankBox .boxLayer .imgLayer.cover{object-fit:cover;opacity:1;width:100%;height:100%;top:0;right:0}.currentRankBox .boxLayer .imgLayer.cover img{height:100%!important}.currentRankBox .rankHeader{z-index:2;align-items:center;gap:16px;padding:25px 31px 0;display:flex;position:relative}@media (max-width:480px){.currentRankBox .rankHeader{padding:25px 16px 0}}.currentRankBox .rankHeader .rankIcon{background:linear-gradient(69deg,#fffda5 -184.86%,#020600 131.69%);border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:51px;height:48px;padding:6px;display:flex;position:relative;overflow:hidden}.currentRankBox .rankHeader .rankIcon .rankHeaderLayer{z-index:0;background:url(/circleLayer.png) 50%/100% 100% no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.currentRankBox .rankHeader .rankHeaderText{flex:1}.currentRankBox .rankHeader .rankHeaderText .h3{color:#fff;font-family:var(--font-helvetica-now-display);text-transform:capitalize;font-size:20px;font-style:normal;font-weight:400;line-height:100%}.currentRankBox .rankHeader .rankHeaderText p{color:#9a9a9a;margin-top:5.31px;font-family:Inter;font-size:16px;font-weight:300;line-height:100%}.currentRankBox .rankSelection{z-index:2;flex-direction:column;flex-grow:1;justify-content:center;gap:12px;padding:0 31px;display:flex;position:relative}@media (max-width:1580px){.currentRankBox .rankSelection{gap:10px}}@media (max-width:1380px){.currentRankBox .rankSelection{padding:0 24px}}@media (max-width:480px){.currentRankBox .rankSelection{padding:0 16px}}.currentRankBox .rankSelection .rankButtons{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:1580px){.currentRankBox .rankSelection .rankButtons{gap:8px}}.currentRankBox .rankSelection .rankButtons .rankButton{cursor:pointer;z-index:1;pointer-events:auto;background:#f3f3f30d;border:1px solid #1dde6a33;border-radius:10px;justify-content:center;align-items:center;width:75px;min-width:58px;height:67px;padding:8px 12px;transition:transform .3s ease-in-out;display:flex;position:relative}@media (max-width:1580px){.currentRankBox .rankSelection .rankButtons .rankButton{width:63px;height:56px}}@media (max-width:410px){.currentRankBox .rankSelection .rankButtons .rankButton{width:58px;height:52px;padding:12px 16px}}.currentRankBox .rankSelection .rankButtons .rankButton img{pointer-events:none;object-fit:contain;max-height:100%!important}.currentRankBox .rankSelection .rankButtons .rankButton .divisionButtonText{color:#fff;text-transform:capitalize;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:100%}@media (max-width:410px){.currentRankBox .rankSelection .rankButtons .rankButton .divisionButtonText{font-size:16px}}.currentRankBox .rankSelection .rankButtons .rankButton:hover{transform:translateY(-2px)}.currentRankBox .rankSelection .rankButtons .rankButton:active{transform:translateY(0)}.currentRankBox .rankSelection .rankButtons .rankButton.active{background:linear-gradient(69deg,#fffda5 -184.86%,#020600 131.69%);border:1px solid #fff3;border-radius:10px}.currentRankBox .rankSelection .rankButtons .rankButton.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.currentRankBox .mainDivider{z-index:2;background:#ffffff1a;width:100%;height:1px;position:relative}.currentRankBox .rankDropdowns{z-index:2;flex-wrap:wrap;gap:12px;padding:0 31px;display:flex;position:relative}@media (max-width:560px){.currentRankBox .rankDropdowns{flex-direction:column}}@media (max-width:1380px){.currentRankBox .rankDropdowns{padding:0 24px}}@media (max-width:480px){.currentRankBox .rankDropdowns{padding:0 16px}}.currentRankBox .rankDropdowns .rank-select{color:#fff9;background-color:#0000004d;border:1px solid #ffffff1a;border-radius:15px;flex:1;height:61px;min-height:61px}@media (max-width:1380px){.currentRankBox .rankDropdowns .rank-select{min-width:40%}}@media (max-width:440px){.currentRankBox .rankDropdowns .rank-select{height:55px;min-height:55px}}.currentRankBox .rankDropdowns .rank-select .MuiOutlinedInput-notchedOutline{border:none}.currentRankBox .rankDropdowns .rank-select .MuiSelect-select{align-items:center;height:100%;padding:0 12px;font-family:Inter,Arial,sans-serif;font-size:14px;display:flex}.currentRankBox .rankDropdowns .rank-select .MuiSelect-icon{color:#fff9;right:12px}.currentRankBox .rankDropdowns .rank-select:hover .MuiOutlinedInput-notchedOutline,.currentRankBox .rankDropdowns .rank-select.Mui-focused .MuiOutlinedInput-notchedOutline{border:none}