.mainPage{margin:44px}.tournamentCard{width:calc(50% - 1.5rem);border:1px solid #fff;overflow:hidden;border-radius:12px;cursor:pointer;margin-bottom:24px;text-decoration:none}.cardContent{background-color:#000;padding:24px;height:100%}.tournamentName{font-size:36px;line-height:40px;font-weight:700;margin-bottom:6px;color:#fff;word-break:break-all}.tournamentDate{font-size:24px;line-height:30px;font-weight:600;color:#fff;word-break:break-all;margin-top:14px}.matchPage{display:flex;flex-direction:column;justify-content:space-between}.allMatch{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:0 15px 15px}.allMatch .firstMatch{width:33%;padding:10px;text-decoration:none}.allMatch .firstMatch .matchList{background:linear-gradient(0deg,#01559c,#088dfe),linear-gradient(0deg,hsla(0,0%,7%,.78),hsla(0,0%,7%,.78));border-radius:100px;width:450px;margin:15px auto 0;padding:9px 5px 5px;position:relative;overflow:hidden;z-index:1;height:50px}.allMatch .firstMatch .matchList:after{position:absolute;content:"";width:100%;z-index:-1;height:100%;left:0;top:0;background:hsla(0,0%,7%,.78)}.allMatch .firstMatch .matchList ul{width:-moz-fit-content;width:fit-content;margin-inline:auto;padding-left:0}.allMatch .firstMatch .matchList ul,.allMatch .matchList li{display:flex;align-items:center;margin-bottom:0;padding-bottom:0}.allMatch .matchList li{padding-left:5px;font-size:23px;font-weight:600;color:#fff;border-right:1px solid #ffffff80;padding-right:5px;word-break:break-all}.allMatch .matchList li svg{padding-right:5px;width:40px;height:auto}.allMatch .matchList li:last-child{border:none}.firstMatch.thirdMatch{margin-left:auto;margin-right:auto;padding-top:36px}.firstMatch.singleMatch{flex:1 1}.scoreBoard{border-radius:12px;padding-top:10px;margin-top:0}.firstPlayer,.secondPlayer{display:flex;width:100%;align-items:stretch;height:100%;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden}.playerName{padding:10px;background-color:#2a2a2a;display:flex;width:auto;border-right:2px solid #000;min-height:70px;align-items:center;position:relative;flex:1 1}.playerName p{font-size:25px;font-weight:400;color:#bfbfbf;margin:0;text-transform:capitalize}.playerName p.name{font-size:18px;font-weight:500;color:#fff;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;text-transform:capitalize}.playerName .playerDetail{width:calc(100% - 24px)}.secondPlayer{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:0;border-top-right-radius:0;border-top:2px solid #000}.scoreCard{min-width:auto}.scoreCard ul{display:flex;height:100%;margin:0;overflow:hidden;padding:0}.scoreCard li{display:flex;justify-content:center;align-items:center;height:100%;min-height:70px;width:70px;flex:1 1;font-size:40px;font-weight:700;color:#adadad;background-color:#202020;border-right:2px solid #000}.scoreCard li:last-child{border-right:none}.scoreCard li.winner{color:#00c167}.scoreCard li.currentGame{background-color:#2a2a2a;color:#fff}.scoreCard li.currentGame.service{border-bottom:4px solid #088dfe}@media only screen and (min-width:1440px) and (max-width:1920px){.playerName{min-height:122px}.playerName p{font-size:18px}.playerName p.name{font-size:30px}.scoreCard li{width:100px;font-size:60px}.allMatch .matchList li{font-size:18px}}@media only screen and (max-width:1270px){.allMatch .matchList li{font-size:16px}}@media only screen and (max-width:1200px){.scoreCard li{width:55px}.allMatch .firstMatch{width:50%}}@media only screen and (max-width:992px){.mainPage .pageContent{flex-direction:column}.tournamentCard{width:100%}.playerName p.name{font-size:16px}.scoreCard li{font-size:30px}.playerName p{font-size:14px}}@media only screen and (max-width:767px){.mainPage{margin:44px 22px}.cardContent{padding:20px 12px}.tournamentName{font-size:18px;line-height:normal}.tournamentDate{font-size:16px;line-height:normal;margin-top:6px}.allMatch .firstMatch{width:100%;padding:10px 0}.playerName{padding:0 8px}.playerName p{font-size:15px}}@media only screen and (max-width:420px){.allMatch .matchList li{font-size:15px;padding-inline:3px}}@media only screen and (max-width:1270px){.scoreCard li{width:45px}.allMatch .firstMatch .matchList{width:401px!important}}@media only screen and (max-width:374px){.allMatch .firstMatch .matchList{width:335px!important}}@media only screen and (max-width:420px){.allMatch .firstMatch .matchList{width:350px!important}}