.tournament-container{--primary-background:#fff;--secondary-background:rgb(236,239,241);--match-background:var(--primary-background);--font-color:#212529;--win-color:#50b649;--loss-color:#e61a1a;--label-color:grey;--hint-color:#a7a7a7;--connector-color:#9e9e9e;--border-color:#d9d9d9;--border-hover-color:#f0891b;--border-selected-color:rgb(60,60,60);--text-size:12px;--round-margin:40px;--match-width:230px;--match-horizontal-padding:8px;--match-vertical-padding:6px;--connector-border-width:2px;--match-border-width:1px;--match-border-radius:0.3em;--participant-image-size:1em;color:var(--font-color);font-size:var(--text-size);text-align:left;display:flex;flex-direction:column;align-items:flex-start;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 auto;padding:12px;position:relative;z-index:20}.tournament-container:empty{display:none}.tournament-container *,.tournament-container :after,.tournament-container :before{box-sizing:border-box}.tournament-container h1{font-size:2em;margin-top:30px;margin-bottom:20px}.tournament-container h2{font-size:1.7em}.tournament-container h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.tournament-container .round-robin{display:flex;flex-wrap:wrap;justify-content:center;row-gap:24px}.tournament-container .round-robin h1{flex-basis:100%}.tournament-container .round-robin h2{text-align:center}.tournament-container .round-robin .group:not(:last-of-type){margin-right:var(--round-margin)}.tournament-container .round-robin .group h2{margin:0 0 25px}.tournament-container .round-robin .group table{font-size:1em;margin:30px 0 20px;color:#a7a7a7;border-collapse:collapse}.tournament-container .round-robin .group th{font-weight:400;text-align:start;cursor:help;border-bottom:var(--match-border-width) solid var(--border-color)}.tournament-container .round-robin .group td.hover{background:var(--secondary-background)}.tournament-container .round-robin .group td,.tournament-container .round-robin .group th{padding:5px}.tournament-container .round-robin .group td:last-of-type,.tournament-container .round-robin .group td:nth-of-type(2){color:var(--font-color);font-weight:500}.tournament-container .round-robin .round{width:-moz-fit-content;width:fit-content;margin:0 auto}.tournament-container .bracket h2{font-size:1.5em;color:gray}.tournament-container .bracket .rounds{display:flex;padding-right:3rem}.tournament-container .bracket .rounds:last-child{padding-right:0}.tournament-container .bracket .rounds .round{width:var(--match-width)}.tournament-container .bracket .rounds .round:first-child .match .opponents:before{display:none}.tournament-container .bracket .rounds:not(:last-of-type){margin-bottom:15px}.tournament-container .bracket .rounds .round{display:flex;flex-direction:column}.tournament-container .bracket .rounds .round:not(:last-of-type){margin-right:var(--round-margin)}.tournament-container .match{flex:1;display:flex;align-items:center;margin:20px 0;position:relative}.tournament-container.not-knockout .match{flex:none}.tournament-container .match.connect-next:after{content:"";display:block;position:absolute;right:calc(-1*var(--round-margin)/2);width:calc(var(--round-margin)/2);height:50%;border-right:var(--connector-border-width) solid var(--connector-color)}.tournament-container .match.connect-next:nth-of-type(odd):after{top:50%;height:calc(50% + 15px);border-top:var(--connector-border-width) solid var(--connector-color)}.tournament-container .match.connect-next:nth-of-type(2n):after{top:0;height:calc(50% + 17px);top:-17px;border-bottom:var(--connector-border-width) solid var(--connector-color)}.tournament-container .bracket-type-single .opponents-container{min-height:88px}.tournament-container .bracket-type-double .opponents-container{min-height:108px}.tournament-container .match.connect-next.straight:after{width:var(--round-margin);right:calc(-1*var(--round-margin));top:0;border-bottom:var(--connector-border-width) solid var(--connector-color);border-top:unset;border-right:unset}.tournament-container .opponents{width:100%;position:relative;border:var(--match-border-width) solid var(--border-color);border-radius:var(--match-border-radius);background:var(--match-background);transition:border-color .15s cubic-bezier(.4,0,.2,1)}.tournament-container .opponents:hover{background-color:rgba(236,239,241,.3)}.tournament-container .opponents:hover,.tournament-container .opponents:hover .teamNamePlayer{border:1px solid var(--border-hover-color)}.tournament-container .opponents.popover-selected{border:1px solid var(--border-selected-color)}.tournament-container .opponents>span{position:absolute;top:-10px;font-size:.8em;padding:0 5px;color:var(--label-color);background:var(--primary-background);border-radius:3px}.tournament-container .opponents>span:first-of-type{left:3px}.tournament-container .opponents>span:nth-of-type(2){right:3px}.tournament-container .opponents.connect-previous:before{content:"";display:block;position:absolute;left:calc(-1*var(--round-margin)/2);width:calc(var(--round-margin)/2);height:50%;border-bottom:var(--connector-border-width) solid var(--connector-color);cursor:default;pointer-events:none}.bracket:first-of-type .tournament-container .opponents.connect-previous .opponents.connect-previous.straight:after,.bracket:nth-of-type(2) .tournament-container .opponents.connect-previous .opponents.connect-previous.straight:before{border-left:unset;left:var(--round-margin);width:var(--round-margin)}.bracket:first-of-type .tournament-container .opponents.connect-previous.straight:before,.bracket:nth-of-type(2) .tournament-container .opponents.connect-previous.straight:after{content:unset}.tournament-container .participant{display:flex;justify-content:space-between;padding:2px var(--match-horizontal-padding)}.tournament-container .participant.hover{background:var(--secondary-background)!important}.tournament-container .participant:first-of-type{border-bottom:none;border-top-left-radius:var(--match-border-radius);border-top-right-radius:var(--match-border-radius);padding-top:var(--match-vertical-padding)}.tournament-container .participant:nth-of-type(2){border-top:none;border-bottom-left-radius:var(--match-border-radius);border-bottom-right-radius:var(--match-border-radius);padding-bottom:var(--match-vertical-padding)}.tournament-container .participant .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tournament-container .participant .name.hint{color:var(--hint-color)}.tournament-container .participant .name>img{width:var(--participant-image-size);height:var(--participant-image-size);margin-right:4px;-o-object-fit:cover;object-fit:cover;border-radius:4px;vertical-align:middle;position:relative;bottom:1px}.tournament-container .participant .name>span{font-weight:400}.tournament-container .participant .result{margin-left:10px;text-align:center}.tournament-container .participant.win .name{font-weight:700}.tournament-container .participant.win .result{color:var(--win-color)}.tournament-container .participant.loss .result{color:var(--loss-color)}.tournament-container [popover]{padding:0 14px 10px}.tournament-container [popover] h4{font-size:1.1em;margin-bottom:24px}.tournament-container [popover] .match:not(:last-of-type){margin-bottom:20px}