.bracket-container{margin-top:40px;position:relative}.bracket-container .bracket-box{border:1px solid #727272;border-radius:14px;height:4.6rem;line-height:2.3rem;position:absolute;white-space:nowrap;width:18rem}.bracket-container .bracket-box.not-last.single:before{border-top:1px solid #727272;content:"";height:0;position:absolute;right:-5rem;top:calc(50% - 1px);width:5rem}.bracket-container .bracket-box.not-last.odd:before{border-right:1px solid #727272;border-top:1px solid #727272;border-top-right-radius:17px;content:"";position:absolute;right:-5rem;top:2.3rem;width:5rem}.bracket-container .bracket-box.not-last.odd.round-0:before{height:4.3rem}.bracket-container .bracket-box.not-last.odd.round-0:after{top:6.6rem}.bracket-container .bracket-box.not-last.odd.round-1:before{height:8.6rem}.bracket-container .bracket-box.not-last.odd.round-1:after{top:10.9rem}.bracket-container .bracket-box.not-last.odd.round-2:before{height:17.2rem}.bracket-container .bracket-box.not-last.odd.round-2:after{top:19.5rem}.bracket-container .bracket-box.not-last.odd.round-3:before{height:34.4rem}.bracket-container .bracket-box.not-last.odd.round-3:after{top:36.7rem}.bracket-container .bracket-box.not-last.odd.round-4:before{height:68.8rem}.bracket-container .bracket-box.not-last.odd.round-4:after{top:71.1rem}.bracket-container .bracket-box.not-last.odd.round-5:before{height:137.6rem}.bracket-container .bracket-box.not-last.odd.round-5:after{top:139.9rem}.bracket-container .bracket-box.not-last.odd.round-6:before{height:275.2rem}.bracket-container .bracket-box.not-last.odd.round-6:after{top:277.5rem}.bracket-container .bracket-box.not-last.odd.round-7:before{height:550.4rem}.bracket-container .bracket-box.not-last.odd.round-7:after{top:552.7rem}.bracket-container .bracket-box.not-last.even:before{border-bottom:1px solid #727272;border-bottom-right-radius:17px;border-right:1px solid #727272;bottom:2.3rem;content:"";position:absolute;right:-5rem;width:5rem}.bracket-container .bracket-box.not-last.even.round-0:before{height:4.3rem}.bracket-container .bracket-box.not-last.even.round-1:before{height:8.6rem}.bracket-container .bracket-box.not-last.even.round-2:before{height:17.2rem}.bracket-container .bracket-box.not-last.even.round-3:before{height:34.4rem}.bracket-container .bracket-box.not-last.even.round-4:before{height:68.8rem}.bracket-container .bracket-box.not-last.even.round-5:before{height:137.6rem}.bracket-container .bracket-box.not-last.even.round-6:before{height:275.2rem}.bracket-container .bracket-box.not-last.even.round-7:before{height:550.4rem}.bracket-container .bracket-box.winner-box{height:2.3rem}.bracket-container .bracket-box.winner-box .match-participant.bottom{display:none}.bracket-container .bracket-box.winner-box .match-participant.top{border-radius:5px 5px 5px 5px;height:calc(100% - 1px)}.bracket-container .bracket-box.winner-box .match-participant.top .round-position{border-radius:5px 0 0 5px}.bracket-container .bracket-box.winner-box .match-number{display:none}.match-participant{align-items:center;color:#fff;display:flex;font-size:16px;gap:7px;left:0;line-height:1;padding:0 8px;position:absolute;width:100%}.match-participant img{border:1px solid #fff;border-radius:50%;height:20px;width:20px}.match-participant.top{border-radius:14px 14px 0 0;height:50%;top:0}.match-participant.top .round-position{border-radius:14px 0 0 0;top:0}.match-participant.top .result{border-radius:0 14px 0 0;top:0}.match-participant.bottom{border-radius:0 0 14px 14px;bottom:0;height:50%}.match-participant.bottom .round-position{border-radius:0 0 0 14px;bottom:0}.match-participant.bottom .result{border-radius:0 0 14px 0;bottom:0}.match-participant .round-position{left:0}.match-participant .result,.match-participant .round-position{color:#fff;font-size:13px;height:100%;position:absolute;text-align:center;width:36px}.match-participant .result{font-weight:400;right:0}.match-number{left:0;position:absolute;top:50%;transform:translate(-27px,-50%)}.top .top .result{background-color:#42c004}.bottom .top .result,.top .bottom .result{background-color:#ed312d}.bottom .bottom .result{background-color:#42c004}#bracket-container{margin:55px auto 0;min-height:-moz-fit-content;min-height:fit-content;overflow:auto}#bracket-container .bracket-container{padding-right:40px;transform:translateX(40px);width:calc(100% - 40px)}
