.allModsWrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}










.scrollWrap1, .scrollWrap2 {
  overflow: auto;
}
.scrollWrap1, .dummyScroll {
  height: 20px;
}
.dummyScroll, div.tournament {
  min-width: 690px;
  overflow: hidden;
}
.brackets {
  width: 100%;
  min-height: 100%;
  padding: 0 12px;
}
.brackets strong {
  padding-left: 8px;
}
.brackets > div {
  vertical-align: top;
  clear: both;
}
.brackets > div > div {
  float: left;
  height: 100%;
}
.brackets > div > div > div {
  margin: 50px 0;
}
.brackets div.bracketbox {
  position: relative;
  width: 100%; height: 100%;
  border-top: 3px solid #555;
  border-right: 3px solid #555;
  border-bottom: 3px solid #555;
}
.brackets div.bracketbox > span.info {
  position: absolute;
  top: 30%;
  left: 50%;
  font-size: 14px;
  color: #BBB;
}
.brackets div.bracketbox > span {
  position: absolute;
  left: 5px;
  font-size: 14px;
}
.brackets div.bracketbox > span.teama {
  top: -20px;
  padding-left: 6px;
}

.brackets div.bracketbox > span.teamb {
  bottom: 0px;
  padding-left: 6px;
}

.brackets div.bracketbox > span.teamc {
  bottom: 1px;
  padding-left: 6px;
}
.brackets > .group2 {
  height: 260px;
}
.brackets > .group2 > div {
  width: 49%;
}
.brackets > .group3 {
  height: 320px;
}
.brackets > .group3 > div {
  width: 32.7%;
}
.brackets > .group4 > div {
  width: 24.5%;
}
.brackets > .group5 > div {
  width: 19.6%;
}
.brackets > .group6 {
  height: 1820px;
}
.brackets > .group6 > div {
  width: 16.3%;
}
.brackets > div > .r1 > div {
  height: 60px;
}
.brackets > div > .r2 > div {
  margin: 80px 0 110px 0;
  height: 110px;
}
.brackets > div > .r3 > div {
  margin: 135px 0 220px 0;
}
.brackets > div > .r3 > div:NOT(.final) {
  height: 220px;
}
.brackets > div > .r4 > div {
  margin: 250px 0 445px 0;
}
.brackets > div > .r4 > div:NOT(.final) {
  height: 445px;
}
.brackets > div > .r5 > div {
  margin: 460px 0 0 0;
}
.brackets > div > .r5 > div:NOT(.final) {
  height: 900px;
}

.brackets > div > .r6 > div {
  margin: 900px 0 0 0;
}
.brackets div.final > div.bracketbox {
  border-top: 0px;
  border-right: 0px;
  height: 0px;
}
.brackets > div > .r4 > div.drop {
  height: 180px;
  margin-bottom: 0px;
}
.brackets > div > .r5 > div.final.drop {
  margin-top: 345px;
  margin-bottom: 0px;
  height: 1px;
}
.brackets > div > div > div:last-of-type {
  margin-bottom: 0px;
}