.content[data-v-76afbd34] {
  position: relative;
  width: auto;
  height: auto;
  margin-bottom: 24px;
}
.content--mobile[data-v-76afbd34] {
  width: auto;
  overflow: hidden;
  padding-bottom: 2rem;
}
.content-thirdplace[data-v-76afbd34] {
  margin: 0 16px;
  padding-bottom: 1.5rem;
}
.pagination-back-arrow[data-v-76afbd34] {
  position: absolute;
  top: -5px; /*9px*/
  left: 0; /*12px*/
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
  transform-origin: center;
  cursor: pointer;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  transition: opacity linear 0.45s;
  padding: 1rem;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 0, 0, 0.2) 31.25%,
    rgba(0, 0, 0, 0) 100%
  );
}
.pagination-back-arrow--visible[data-v-76afbd34] {
  opacity: 1;
  pointer-events: all;
}
.pagination-forward-arrow[data-v-76afbd34] {
  position: absolute;
  top: -5px; /*9px*/
  right: 0; /*12px*/
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  transition: opacity linear 0.45s;
  padding: 1rem;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 0, 0, 0.2) 31.25%,
    rgba(0, 0, 0, 0) 100%
  );
}
.pagination-forward-arrow--visible[data-v-76afbd34] {
  opacity: 1;
  pointer-events: all;
}
.header[data-v-76afbd34] {
  position: relative;
  width: auto;
  height: 36px;
  display: flex;
  padding-left: 1rem;
}
.header__image[data-v-76afbd34] {
  position: relative;
  width: 36px;
  height: 36px;
  background: #f6f6f6;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 36px;
  float: left;
}
.header__label[data-v-76afbd34] {
  position: relative;
  font-family: "OpenSans";
  font-style: normal;
  font-family: var(--weight-700);
  font-size: 18px;
  line-height: 36px;

  margin-left: 8px;
  color: #f3f5f7;
}
.header__icon[data-v-76afbd34] {
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
}
.header-mobile[data-v-76afbd34] {
  position: relative;
  width: auto;
}
.header-mobile__image[data-v-76afbd34] {
  position: relative;
  width: 24px;
  height: 24px;
  float: left;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 16px;
  margin-right: 8px;
}
.header-mobile__label[data-v-76afbd34] {
  position: relative;
  font-family: "OpenSans";
  font-style: normal;
  font-family: var(--weight-700);
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  letter-spacing: 0.64px;
}
.header-mobile__sub-label[data-v-76afbd34] {
  position: relative;
  font-family: "OpenSans";
  font-style: normal;
  font-family: var(--weight-400);
  font-size: 11px;
  line-height: 21px;
  color: #93a9b4;
}
.knockout[data-v-76afbd34] {
  position: relative;
  white-space: nowrap;
  box-sizing: border-box;
}
.knockout-column[data-v-76afbd34] {
  position: relative;
  width: 170px;
  display: inline-block;
  vertical-align: top;
}
.knockout-column__header[data-v-76afbd34] {
  position: relative;
  font-family: "OpenSans";
  font-style: normal;
  font-family: var(--weight-400);
  font-size: 14px;
  font-weight: 600;
  line-height: 37px;
  letter-spacing: 0.64px;

  text-align: center;
  color: var(--color-text-default-default);

  height: 37px;
  vertical-align: middle;
  margin: 3px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
}
.knockout-column__body[data-v-76afbd34] {
  position: relative;
  padding-left: 16px;
  box-sizing: border-box;
}
.knockout-card[data-v-76afbd34] {
  position: relative;
  width: 152px;
  height: 80px;
  font-family: "OpenSans";
  font-style: normal;
  font-family: var(--weight-400);
  font-size: 11px;
  line-height: 13px;
  color: var(--color-text-default-secondary);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.knockout-divider__wrapper[data-v-76afbd34] {
  width: 100%;
  height: 2px;
  background-color: #4b616c;
  margin-top: 32px;
}
.knockout-card__background[data-v-76afbd34] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-background-default-secondary);
  border-radius: 8px;
}
.knockout-card__date-time[data-v-76afbd34] {
  position: relative;
  height: 13px;
  padding: 8px 11px;
}
.knockout-column__divider[data-v-76afbd34] {
  width: 100%;
  height: 2px;
  background-color: #4b616c;
  margin-bottom: 16px;
}
.knockout-card__team[data-v-76afbd34] {
  position: relative;
  height: 18px;
  margin-bottom: 8px;
}
.knockout-card__team__flag[data-v-76afbd34] {
  position: absolute;
  left: 9px;
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  /* background-position: center;
    background-size: 18px 18px;
    background-repeat: no-repeat; */
}
.knockout-card__team__name[data-v-76afbd34] {
  position: absolute;
  left: 33px;
  width: 100px;
  line-height: 18px;
  color: var(--color-text-default-secondary);
  display: flex;
}
.knockout-card__team__name-width[data-v-76afbd34] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80px;
}
.short-width[data-v-76afbd34] {
  width: 84px;
}
.knockout-card__team__penalty[data-v-76afbd34] {
  background-color: #5cd66c;
  border-radius: 0.25rem;
  font-size: 9px;
  height: 16px;
  width: 14px;
  text-align: center;
  margin-left: 4px;
}
.knockout-card__team__score[data-v-76afbd34] {
  position: absolute;
  right: 9px;
  width: auto;
  line-height: 18px;
  color: var(--color-text-default-secondary);
  display: flex;
}
.knockout-card__team-score-divider__wrapper[data-v-76afbd34] {
  display: flex;
  margin-left: 4px;
}
.knockout-card__team__score-divider[data-v-76afbd34] {
  position: absolute;
  width: 1px;
  height: 44px;
  background-color: #4b616c;
}
.knockout-card__team__score-only[data-v-76afbd34] {
  width: 12px;
  text-align: right;
}
.knockout-card__connection-line[data-v-76afbd34] {
  position: absolute;
  /* box-sizing: border-box; */
}
.knockout-card__champion[data-v-76afbd34] {
  background: #35454d;
  border-radius: 8px;
  width: 152px;
  height: 34px;
  display: flex;
  justify-content: space-between;
  padding: 9.5px 10.25px;
  box-sizing: border-box;
  font-size: 11px;
}
.content--mobile .knockout-card__champion[data-v-76afbd34] {
  position: relative;
  left: calc(18vw - 76px);
}
.knockout-card__champion-img[data-v-76afbd34] {
  height: 15px;
  margin-right: 6.25px;
}
.knockout-card__champion-left[data-v-76afbd34] {
  display: flex;
}
.knockout-column__header-bottom-champion[data-v-76afbd34] {
  height: 32px;
}
.knockout-column__header-bottom[data-v-76afbd34] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  height: 34px;
  font-size: 14px;
  letter-spacing: 0.64px;
}
.light-mode .knockout-card:nth-child(odd) > .knockout-card__connection-line[data-v-76afbd34] {
  border-style: solid;
  border-color: #ced4da;
  border-radius: 4px;
  top: 37.5px;
  /* background-color: #020611; */
}
.dark-mode .knockout-card:nth-child(odd) > .knockout-card__connection-line[data-v-76afbd34] {
  border-style: solid;
  border-color: #495057;
  border-radius: 4px;
  top: 37.5px;
  /* background-color: #020611; */
}
.knockout-column--round-of-16 .knockout-card__connection-line[data-v-76afbd34] {
  left: 5px;
  width: 156px;
  height: 96px;
  border-width: 1px 1px 1px 0px;
}
.content--mobile
  .knockout-column--round-of-16
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34]::before {
  position: absolute;
  width: 100px;
  height: 100px;
  left: -50px;
  background-color: #020611;
  content: "";
}
.light-mode
  .content--mobile
  .knockout-column--round-of-16
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34]::after {
  position: absolute;
  width: 300px;
  height: 100px;
  left: 156px;
  border-style: solid;
  border-color: #ced4da;
  border-width: 1px 0 0 0;
  top: 46px;
  content: "";
}
.light-mode
  .content--mobile
  .knockout-column--semi-finals
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34]::before {
  position: absolute;
  width: 101px;
  height: 207px;
  left: -100px;
  border-style: solid;
  border-color: #ced4da;
  border-width: 1px 1px 1px 0;
  border-radius: 4px;
  top: -101px;
  content: "";
}
.light-mode
  .content--mobile
  .knockout-column--semi-finals
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34]::after {
  position: absolute;
  width: 300px;
  height: 1px;
  left: 170px;
  border-style: solid;
  border-color: #ced4da;
  border-width: 1px 0 0 0;
  top: 209px;
  content: "";
}
.light-mode
  .content--mobile
  .knockout-column--semi-finals
  .knockout-card:nth-child(even)
  > .knockout-card__connection-line[data-v-76afbd34]::before {
  position: absolute;
  width: 101px;
  height: 207px;
  left: -110px;
  border-style: solid;
  border-color: #ced4da;
  border-width: 1px 1px 1px 0;
  border-radius: 4px;
  top: -65px;
  content: "";
}
.dark-mode
  .content--mobile
  .knockout-column--round-of-16
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34]::after {
  position: absolute;
  width: 300px;
  height: 100px;
  left: 156px;
  border-style: solid;
  border-color: #495057;
  border-width: 1px 0 0 0;
  top: 46px;
  content: "";
}
.dark-mode
  .content--mobile
  .knockout-column--semi-finals
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34]::before {
  position: absolute;
  width: 101px;
  height: 207px;
  left: -100px;
  border-style: solid;
  border-color: #495057;
  border-width: 1px 1px 1px 0;
  border-radius: 4px;
  top: -101px;
  content: "";
}
.dark-mode
  .content--mobile
  .knockout-column--semi-finals
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34]::after {
  position: absolute;
  width: 300px;
  height: 1px;
  left: 170px;
  border-style: solid;
  border-color: #495057;
  border-width: 1px 0 0 0;
  top: 209px;
  content: "";
}
.dark-mode
  .content--mobile
  .knockout-column--semi-finals
  .knockout-card:nth-child(even)
  > .knockout-card__connection-line[data-v-76afbd34]::before {
  position: absolute;
  width: 101px;
  height: 207px;
  left: -110px;
  border-style: solid;
  border-color: #495057;
  border-width: 1px 1px 1px 0;
  border-radius: 4px;
  top: -65px;
  content: "";
}
.content--mobile .knockout-column--semi-finals .knockout-card[data-v-76afbd34]:last-child {
  margin-bottom: 40px !important;
}
.knockout-column--round-of-16 .knockout-card[data-v-76afbd34]:nth-child(odd) {
  margin-bottom: 8px;
}
.knockout-column--round-of-16 .knockout-card[data-v-76afbd34]:nth-child(even) {
  margin-bottom: 40px;
}
.knockout-column--quarter-finals .knockout-card[data-v-76afbd34]:first-child {
  margin-top: 50px;
}
.knockout-column--quarter-finals
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34] {
  left: -10px;
  width: 170px;
  height: 210px;
  border-width: 1px 1px 1px 0px;
}
.knockout-column--quarter-finals .knockout-card[data-v-76afbd34] {
  margin-bottom: 128px;
}
.knockout-column--semi-finals .knockout-card[data-v-76afbd34]:first-child {
  margin-top: 150px;
}
.knockout-column--semi-finals
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34] {
  left: -10px;
  width: 170px;
  height: 420px;
  border-width: 1px 1px 1px 0px;
}
.knockout-column--semi-finals .knockout-card[data-v-76afbd34] {
  margin-bottom: 338px;
}
.knockout-column--final .knockout-card[data-v-76afbd34] {
  margin-top: 360px;
}
.knockout-column--final .knockout-card__connection-line[data-v-76afbd34] {
  left: -10px;
  width: 50px;
  height: 1px;
  border-width: 1px 0px 0px 0px;
}
.knockout-card[data-v-76afbd34]:last-child {
  margin-bottom: 0 !important;
}
.knockout-card__bg-stripe[data-v-76afbd34] {
  position: absolute;
  width: 100%;
  /* display: none; */
  pointer-events: none;
}
.knockout-card__center-title[data-v-76afbd34] {
  font-size: 24px;
  /* font-style: italic; */
  letter-spacing: -0.64px;
  font-family: var(--weight-600);
  /* -webkit-text-stroke: 1px white;
  text-shadow: 2px 2px 6px #ffffff40; */
  color: var(--color-text-default-default);
  text-align: center;
  z-index: 1;
  position: relative;
}
.knockout-swiper__bullet-wrapper[data-v-76afbd34] {
  display: flex;
  justify-content: center;
}
.knockout-swiper__bullet[data-v-76afbd34] {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--primary-100);
  border-radius: 50%;
  margin: 0 0.2rem;
}
.knockout-swiper__bullet.active[data-v-76afbd34] {
  width: 1.5rem;
  border-radius: 0.5rem;
  background-color: var(--color-background-brand-default);
}
.knockout-card__center-title__wrapper[data-v-76afbd34] {
  margin-bottom: 1rem;
}
.content--mobile .knockout-column__header[data-v-76afbd34] {
  /* text-align: left;
    padding-left: 9vw; */
  box-sizing: border-box;
  text-align: center;
}
.content--mobile .knockout-column[data-v-76afbd34] {
  width: 50%;
  transition: transform linear 0.35s;
}
.content--mobile .knockout-column--page-1[data-v-76afbd34] {
  transform: translateX(0);
}
.content--mobile .knockout-column--quarter-finals .knockout-column__body[data-v-76afbd34] {
  padding-left: 11px;
}
.content--mobile .knockout-column--page-2[data-v-76afbd34] {
  transform: translateX(-200%);
}
.content--mobile .knockout-column--round-of-16 .knockout-card[data-v-76afbd34] {
  left: calc(19vw - 73px);
}
.content--mobile .knockout-column--quarter-finals .knockout-card[data-v-76afbd34] {
  left: calc(18vw - 76px);
}
.content--mobile .knockout-column--semi-finals .knockout-card[data-v-76afbd34] {
  left: calc(19vw - 76px);
}
.content--mobile .knockout-column--final .knockout-card[data-v-76afbd34] {
  left: calc(18vw - 76px);
}
.content--mobile
  .knockout-column--quarter-finals
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34] {
  left: 10px; /*-300px*/
  width: 680px;
  height: 207px;
  border-width: 1px 1px 1px 0px;
}
.content--mobile .knockout-column[data-v-76afbd34] {
  overflow: hidden;
}
.content--mobile .knockout-column--final .knockout-card__connection-line[data-v-76afbd34] {
  left: -300px;
  width: 350px;
  height: 1px;
  border-width: 1px 0px 0px 0px;
}
.content--mobile .knockout-column--round-of-16[data-v-76afbd34] {
  z-index: 1;
}
.content--mobile .knockout-column--quarter-finals[data-v-76afbd34] {
  z-index: 1;
}
.content--mobile .knockout-column--semi-finals[data-v-76afbd34] {
  z-index: 1;
  padding-bottom: 28px;
}
.content--mobile .knockout-column--final[data-v-76afbd34] {
  z-index: 1;
}
.content--mobile
  .knockout-card:nth-child(odd)
  > .knockout-card__connection-line[data-v-76afbd34] {
  background-color: #00010500;
}
.light-mode .knockout-card__wrapper[data-v-76afbd34] {
  background-image: linear-gradient(to bottom, #ffffff00, #ffffffd9);
}
.dark-mode .knockout-card__wrapper[data-v-76afbd34] {
  background-image: linear-gradient(to bottom, #000000b3, #212b30ad);
}
.knockout-page-1 .knockout-card__connection-line[data-v-76afbd34]::before {
  display: none;
}
.knockout-page-1 .knockout-card__connection-line[data-v-76afbd34]::after {
  left: 160px !important;
  top: 109px !important;
}
.knockout-page-1 .knockout-card__connection-line[data-v-76afbd34] {
  left: 0 !important;
  width: 160px !important;
  height: 220px !important;
}
.knockout-page-1 .knockout-column--final .knockout-card[data-v-76afbd34] {
  left: calc(18vw - 86px);
}
.knockout-page-1 .knockout-column--semi-finals .knockout-card[data-v-76afbd34]:first-child {
  margin-top: 10px;
  margin-bottom: 138px;
}
.knockout-page-1 .knockout-column--final .knockout-card[data-v-76afbd34] {
  margin-top: 115px;
}
.knockout-page-1 .knockout-column--final .knockout-card__connection-line[data-v-76afbd34] {
  width: 350px !important;
  display: none;
}


.bracket-outter-container[data-v-71530ea4] {
  padding: 1.5rem 1rem 1rem;
  border-radius: 1rem;
  background-color: var(--color-background-default-secondary);
}
.hkfc-bracket__tabs[data-v-71530ea4] {
  justify-content: center;
}
.bracket-container[data-v-71530ea4] {
  position: relative;
}
.bracket-card[data-v-71530ea4] {
  border-radius: 8px;
  background: var(--color-background-default-secondary);
  /* background: #98d9f9; */
  width: 152px;
  height: 80px;
  position: absolute;
  padding: 5px;
  box-sizing: border-box;
}
.bracket-card__status[data-v-71530ea4] {
  color: var(--color-text-default-secondary);
  font-size: 11px;
  margin-bottom: 5px;
}
.main-tournament-cup .bracket-card__51[data-v-71530ea4] {
  top: 120px;
  left: 228px;
}
.main-tournament-cup .bracket-card__52[data-v-71530ea4] {
  top: 120px;
  left: 820px;
}
.main-tournament-cup .bracket-card__53[data-v-71530ea4] {
  top: 400px;
  left: 228px;
}
.main-tournament-cup .bracket-card__54[data-v-71530ea4] {
  top: 400px;
  left: 820px;
}
.main-tournament-cup .bracket-card__62[data-v-71530ea4] {
  top: 260px;
  left: 320px;
}
.main-tournament-cup .bracket-card__63[data-v-71530ea4] {
  top: 260px;
  left: 696px;
}
.main-tournament-cup .bracket-card__67[data-v-71530ea4] {
  top: 260px;
  left: 508px;
}

/* main plate */
.main-tournament-plate .bracket-card__47[data-v-71530ea4] {
  top: 120px;
  left: 228px;
}
.main-tournament-plate .bracket-card__48[data-v-71530ea4] {
  top: 120px;
  left: 820px;
}
.main-tournament-plate .bracket-card__49[data-v-71530ea4] {
  top: 400px;
  left: 228px;
}
.main-tournament-plate .bracket-card__50[data-v-71530ea4] {
  top: 400px;
  left: 820px;
}
.main-tournament-plate .bracket-card__58[data-v-71530ea4] {
  top: 260px;
  left: 320px;
}
.main-tournament-plate .bracket-card__59[data-v-71530ea4] {
  top: 260px;
  left: 696px;
}
.main-tournament-plate .bracket-card__64[data-v-71530ea4] {
  top: 260px;
  left: 508px;
}

/* main shield */
.main-tournament-shield .bracket-card__60[data-v-71530ea4] {
  top: 260px;
  left: 320px;
}
.main-tournament-shield .bracket-card__61[data-v-71530ea4] {
  top: 260px;
  left: 696px;
}
.main-tournament-shield .bracket-card__65[data-v-71530ea4] {
  top: 260px;
  left: 508px;
}

/* women cup */
.women-tournament-cup .bracket-card__62[data-v-71530ea4] {
  top: 260px;
  left: 320px;
}
.women-tournament-cup .bracket-card__67[data-v-71530ea4] {
  top: 260px;
  left: 696px;
}
.women-tournament-cup .bracket-card__63[data-v-71530ea4] {
  top: 260px;
  left: 508px;
}

/* women plate */
.women-tournament-plate .bracket-card__58[data-v-71530ea4] {
  top: 260px;
  left: 320px;
}
.women-tournament-plate .bracket-card__64[data-v-71530ea4] {
  top: 260px;
  left: 696px;
}
.women-tournament-plate .bracket-card__59[data-v-71530ea4] {
  top: 260px;
  left: 508px;
}

/* master cup */
.masters-tournament-cup .bracket-card__62[data-v-71530ea4] {
  top: 260px;
  left: 320px;
}
.masters-tournament-cup .bracket-card__67[data-v-71530ea4] {
  top: 260px;
  left: 696px;
}
.masters-tournament-cup .bracket-card__63[data-v-71530ea4] {
  top: 260px;
  left: 508px;
}

/* master plate */
.masters-tournament-plate .bracket-card__58[data-v-71530ea4] {
  top: 260px;
  left: 320px;
}
.masters-tournament-plate .bracket-card__64[data-v-71530ea4] {
  top: 260px;
  left: 696px;
}
.masters-tournament-plate .bracket-card__59[data-v-71530ea4] {
  top: 260px;
  left: 508px;
}
.bracket-card__team-body[data-v-71530ea4] {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--color-text-default-secondary);
  margin-bottom: 9px;
}
.bracket-card__team-icon[data-v-71530ea4] {
  margin-right: 3px;
  width: 15px;
}
.bracket-card__team-wrapper[data-v-71530ea4] {
  display: flex;
  align-items: center;
}
.bracket-card__center-wrapper[data-v-71530ea4] {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.bracket-card__center-stripe[data-v-71530ea4] {
  position: absolute;
  left: 369px;
  top: 0px;
}
.bracket-card__center-flower[data-v-71530ea4] {
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  top: 197px;
  left: 619px;
  z-index: -1;
}
.bracket-card__center-title[data-v-71530ea4] {
  font-size: 36px;
  /* font-style: italic; */
  font-family: var(--weight-700);
  /* -webkit-text-stroke: 2px white;
  text-shadow: 2px 2px 6px #ffffff40; */
  color: var(--color-text-default-default);
  text-align: center;
}
.bracket-card__center__wrapper[data-v-71530ea4] {
  position: absolute;
  top: 0;
  width: 100%;
}
.bracket-card__center-title__wrapper[data-v-71530ea4] {
  top: 3rem;
  position: absolute;
  width: 100%;
  text-align: center;
}
.bracket-card__title-prize[data-v-71530ea4] {
  position: absolute;
  width: 152px;
  font-size: 22px;
  font-style: italic;
  font-family: var(--weight-700);
  text-align: center;
  color: var(--color-text-default-default);
}
.bracket-card__title-champion[data-v-71530ea4] {
  left: 32.5rem;
  top: 12rem;
}
.bracket-card__title-third[data-v-71530ea4] {
  left: 32.5rem;
  top: 29rem;
}
.bracket-card__title-final[data-v-71530ea4] {
  display: flex;
  justify-content: center;
  width: 100%;
  top: 14.3rem;
}
.bracket-card__title-final-longer[data-v-71530ea4] {
  left: 32.5rem;
  top: 17rem;
}
.bracket-card__final[data-v-71530ea4] {
  width: 152px;
  height: 34px;
  background: #35454d;
  position: absolute;
  top: 221px;
  left: 521px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 8px;
}
.bracket-card__team-name[data-v-71530ea4] {
  display: flex;
  line-height: 18px;
}
.bracket-card__team-name__width[data-v-71530ea4] {
  width: 102px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-family: var(--weight-400);
  letter-spacing: 0.2px;
}
.short-width[data-v-71530ea4] {
  width: 72px;
}
.bracket-card__team__penalty[data-v-71530ea4] {
  background-color: #5cd66c;
  border-radius: 0.25rem;
  font-size: 9px;
  height: 16px;
  width: 14px;
  text-align: center;
  margin-left: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.nav-pill[data-v-71530ea4] {
  color: var(--color-text-default-default);
}
.knockout-card__team-score-divider__wrapper[data-v-71530ea4] {
  display: flex;
  margin-left: 4px;
}
.knockout-card__team__score-divider[data-v-71530ea4] {
  position: absolute;
  width: 1px;
  height: 44px;
  background-color: #4b616c;
}
.knockout-card__team-score-divider__wrapper[data-v-71530ea4] {
  display: flex;
  margin-left: 4px;
}
.knockout-card__team__score-divider[data-v-71530ea4] {
  position: absolute;
  width: 1px;
  height: 44px;
  background-color: #4b616c;
}
.knockout-card__team__score-only[data-v-71530ea4] {
  width: 12px;
  text-align: right;
}
.knockout-card__team__score[data-v-71530ea4] {
  position: absolute;
  right: 9px;
  width: auto;
  line-height: 18px;
  color: var(--color-text-default-secondary);
  display: flex;
}

/* mobile bracket */
.hkfc-bracket-tabs__mobile[data-v-71530ea4] {
  position: relative;
}
.hkfc-bracket-tabs__mobile-options[data-v-71530ea4] {
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hkfc-bracket-tabs__mobile-options__wrapper[data-v-71530ea4] {
  border-radius: 8px;
  background: var(--color-background-default-secondary);
  color: var(--color-text-default-default);
  padding: 4px 0;
  margin-top: 4px;
  transform: scale(0);
  position: absolute;
  z-index: 201;
  width: 100%;
  transition: all 0.3s;
  transform-origin: 50% 0;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 16px 16px rgba(0, 0, 0, 0.04),
    0px 1px 1px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.04),
    0px 4px 4px rgba(0, 0, 0, 0.04), 0px 8px 8px rgba(0, 0, 0, 0.04);
}
.hkfc-mobile-tabs-bracket__selected[data-v-71530ea4] {
  background: #4b616c;
}
.hkfc-bracket-option__selected[data-v-71530ea4] {
  transform: scale(1);
}
.hkfc-bracket-tabs__selected-name[data-v-71530ea4] {
  border-radius: 8px;
  border: 1px solid var(--color-border-default-default);
  color: var(--color-text-default-default);
  padding: 16px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  background: var(--color-background-default-secondary);
}
.hkfc-bracket-tabs__selected-arrow[data-v-71530ea4] {
  transition: all 0.3s;
}
.hkfc-bracket-tabs__selected-name .selected[data-v-71530ea4] {
  transform: rotate(180deg);
}