.draws-container{align-items:flex-start;-moz-column-gap:4px;column-gap:4px;display:flex;justify-content:flex-start;margin:20px auto 0;position:relative;width:calc(100vw - 32px);--height-draws-match:58.54px;--width-draws-match:282px;--width-draws-round:calc(100vw - 32px);--distance-rounds-active:8px;--distance-next-round:calc(var(--distance-rounds-active)*2 + var(--height-draws-match)/2);--distance-next2-round:calc(var(--distance-next-round)*2 + var(--height-draws-match)/2);--distance-next3-round:calc(var(--distance-next2-round)*2 + var(--height-draws-match)/2);--width-connectors:calc(var(--width-draws-round)/2 - var(--width-draws-match)/2)}.draws-controls{border:none;outline:none;background-color:transparent;position:absolute;top:0;z-index:1;padding:0}.draws-controls-prev{left:0}.draws-controls-next{right:0}.draws-controls-next-arrow,.draws-controls-prev-arrow{border-radius:50%;border:1px solid var(--gray-40);height:30px;width:30px}.draws-controls-next-arrow circle,.draws-controls-prev-arrow circle{fill:var(--bg-color)}.draws-controls-next-arrow path,.draws-controls-prev-arrow path{fill:var(--gray-60)}.draws-controls-next-arrow.disabled,.draws-controls-prev-arrow.disabled{border-color:var(--gray-20);pointer-events:none}.draws-controls-next-arrow.disabled path,.draws-controls-prev-arrow.disabled path{fill:var(--gray-20)}.draws-controls-next-arrow:hover,.draws-controls-prev-arrow:hover{cursor:pointer}.draws-controls-next-arrow:hover circle,.draws-controls-prev-arrow:hover circle{fill:var(--gray-10)}.draws-body{overflow:hidden}.draws-wrapper{display:grid;grid-template-rows:auto;grid-auto-flow:column;position:relative;transition:all .3s ease-in-out;left:0}.draws-wrapper.rounds-1{grid-template-columns:repeat(1,auto)}.draws-wrapper.current-round-1{left:calc(var(--width-draws-round)*-1*0)}.draws-wrapper.rounds-2{grid-template-columns:repeat(2,auto)}.draws-wrapper.current-round-2{left:calc(var(--width-draws-round)*-1*1)}.draws-wrapper.rounds-3{grid-template-columns:repeat(3,auto)}.draws-wrapper.current-round-3{left:calc(var(--width-draws-round)*-1*2)}.draws-wrapper.rounds-4{grid-template-columns:repeat(4,auto)}.draws-wrapper.current-round-4{left:calc(var(--width-draws-round)*-1*3)}.draws-wrapper.rounds-5{grid-template-columns:repeat(5,auto)}.draws-wrapper.current-round-5{left:calc(var(--width-draws-round)*-1*4)}.draws-wrapper.rounds-6{grid-template-columns:repeat(6,auto)}.draws-wrapper.current-round-6{left:calc(var(--width-draws-round)*-1*5)}.draws-wrapper.rounds-7{grid-template-columns:repeat(7,auto)}.draws-wrapper.current-round-7{left:calc(var(--width-draws-round)*-1*6)}.draws-wrapper .draws-round{width:var(--width-draws-round);padding:5px 0}.draws-wrapper .draws-round-title{color:var(--gray-80);font-size:13px;font-weight:300;line-height:18px;text-align:center;margin-bottom:20px;padding:4px 0}.draws-wrapper .draws-round .draw-container{position:relative;transition:all .3s ease-in-out}.draws-wrapper .draws-round .draw-container:after{content:"";width:var(--width-connectors);height:1px;background:var(--gray-40);position:absolute;top:50%;left:0}.draws-wrapper .draws-round .draw-container:before{content:"";width:var(--width-connectors);height:50%;border:1px solid var(--gray-40);border-top-right-radius:3px;border-bottom-right-radius:3px;border-left:0;position:absolute;top:25%;left:calc(var(--width-connectors)*-1)}.draws-wrapper .draws-round.round-1 .draw-container:after,.draws-wrapper .draws-round.round-1 .draw-container:before{display:none}.draws-wrapper .draws-round.prev .draw-container{padding:6px 0}.draws-wrapper .draws-round.current .draw-container{padding:var(--distance-rounds-active) 0}.draws-wrapper .draws-round.current .draw-container:after{width:calc(var(--width-connectors)*0.7);left:calc(var(--width-connectors)*0.3)}.draws-wrapper .draws-round.current .draw-container:before{width:calc(var(--width-connectors));left:calc(var(--width-connectors)*-1*0.7)}.draws-wrapper .draws-round.next .draw-container{padding:var(--distance-next-round) 0}.draws-wrapper .draws-round.next .draw-container:after{width:calc(var(--width-connectors));left:calc(var(--width-connectors)*-1*0.3)}.draws-wrapper .draws-round.next .draw-container:before{width:calc(var(--width-connectors)*0.7);left:calc(var(--width-connectors)*-1)}.draws-wrapper .draws-round.second-last .draw-container{padding:var(--distance-next-round) 0}.draws-wrapper .draws-round.last .draw-container,.draws-wrapper .draws-round.next2 .draw-container{padding:var(--distance-next2-round) 0}.draws-wrapper .draws-round.next3 .draw-container{padding:var(--distance-next3-round) 0}.draws-wrapper .draws-round.before .draws-round-content{height:calc(var(--height-draws-match)*4 + var(--distance-rounds-active)*8)}.draws-wrapper .draws-round.before .draw-container{padding:0}.mt-container{position:relative;border-radius:6px;border:1px solid var(--gray-40);display:flex;flex-direction:column;margin:0 auto;padding:8px;row-gap:8px;height:var(--height-draws-match);max-height:var(--height-draws-match);max-width:var(--width-draws-match);width:var(--width-draws-match)}.mt-container.final-phase.has-winner{border:1px solid var(--orange-100)}.bx-mt{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--gray-90)}.bx-mt-player{display:flex;gap:6px}.bx-mt-player-logo{display:block;height:16px;-o-object-fit:cover;object-fit:cover;width:16px;will-change:transform}.bx-mt-player-name{-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:-webkit-box;font-size:13px;font-weight:300;overflow:hidden}.bx-mt-score{display:grid;grid-template-columns:repeat(5,21px);font-size:12.5px}.bx-mt-score-set{display:flex;align-items:flex-start;justify-content:center;gap:0;font-weight:500;border-right:1px solid var(--gray-90);padding:0 4px}.bx-mt-score-set:last-child{border-right:none;padding-right:0}.bx-mt-score-set:first-child{padding-left:0}.bx-mt-score-tie-break{font-size:9.5px;font-weight:400}.bx-mt-loser{opacity:.5}@media screen and (min-width:480px){.draws-container{-moz-column-gap:16px;column-gap:16px;--width-draws-round:310px}.draws-controls{position:relative;padding:1 6px}.draws-controls-next-arrow,.draws-controls-prev-arrow{height:32px;width:32px}.draws-wrapper .draws-round-title{border-left:1px solid var(--gray-40);border-right:1px solid var(--gray-40)}.draws-wrapper .draws-round.next .draw-container:after{width:var(--width-connectors);left:0}.draws-wrapper .draws-round.next .draw-container:before{width:var(--width-connectors);left:calc(var(--width-connectors)*-1)}}@media screen and (min-width:769px){.draws-container{max-width:1200px;width:auto}}
