.fixture_content_scoreboard {
  background-color:var(--color-surface-surface-inverse);
  border-radius: var(--border-radius-md);
  padding: var(--space-lg) 0 var(--space-lg) var(--space-lg);
}
.time-details {
  font-size: var(--typography-font-size-body2-strong-lg);
  line-height: var(--typography-line-height-body2-strong-lg);
  color: var(--color-foreground-foreground-on-active);
  font-weight: var(--font-weight-bold);
}
.scoreboard_teamdata .top_section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-sm);
  gap: 16px;
}
.top_section .fixture_content_details {
  border-radius: var(--border-radius-sm);
  padding: 4px;
  margin-right: var(--space-lg);
  font-size: var(--typography-font-size-label3-sm);
  line-height: var(--typography-line-height-label3-sm);
  color: var(--color-foreground-foreground-on-active);
  width: auto;
  border: none;
  background-color: var(--color-surface-surface-secondary-active);
}
.top_section .fixture_content_details--live {
  background-color: var(--color-red-60);
}
.scoreboard_slider.swiper .swiper-button {
  justify-content: space-between;
  top: 40%;
  left: 50%;
  bottom: auto;
  width: 100%;
  transform: translate(-50%,-50%);
  z-index: 1;
}
.scoreboard_teamdata .teams_data .fixture_content_details {
  display: none;
}
.scoreboard_teamdata .fixture_teams {
  padding: 0;
}
.teams_data .football_team_teamname.team-win,
.teams_data .football_team_scorebox.team-win,
.teams_data .badminton_team_scorebox.team-win,
.teams_data .badminton_team_teamname.team-win,
.teams_data .badminton_team_teamname {
  color: var(--color-foreground-foreground-on-active);
}
.teams_data .football_team_teamname,
.teams_data .football_team_scorebox {
  color: var(--color-surface-surface-default);
}
.teams_data .fixture_teams:has(> div:nth-child(2) .team-win) > div:first-child .football_team_scorebox,
.teams_data .football_content_teamdata:has(.team-win) + .football_content_teamdata .football_team_teamname,
.teams_data .fixture_teams:has(> div:nth-child(2) .team-win) > div:first-child .football_team_teamname,
.teams_data .football_content_teamdata:has(.team-win) + .football_content_teamdata .football_team_scorebox,
.teams_data .badminton_team_teamname.team-lose,
.teams_data .badminton_team_scorebox.team-lose {
  color: var(--color-foreground-foreground-disabled);
}
.teams_data .football_team_scoreindicator svg,
.teams_data .badminton_team_scoreindicator svg  {
  opacity: 0;
}
.teams_data .football_content_teamdata:has(.team-win) .football_team_scoreindicator svg,
.teams_data .badminton_content_teamdata:has(.badminton_team_teamname.team-win) .badminton_team_scoreindicator svg  {
  opacity: 1;
}
@media screen and (min-width: 961px) {
  .scoreboard_items:has(.swiper-initialized) {
    padding: 0 32px;
  }
  .scoreboard-slider:not(.swiper-initialized) .swiper-slide {
    width: calc(25% - 13px);
  }
  .scoreboard-slider:not(.swiper-initialized) .swiper-slide:has(.badminton_content_teamdata) {
    width: calc(33% - 7px);
  }
  .scoreboard-slider:not(.swiper-initialized) .swiper-wrapper {
    gap: 16px;
  }
  .scoreboard_items {
    position: relative;
  }
  .scoreboard_items:has(.scoreboard-slider:not(.swiper-initialized):not(.dummy-scorebard-items)) .swiper-button {
    display: none;
  }
  .scoreboard_items .swiper-button {
    bottom: 44%;
    transform: translate(-50%, -50%);
    width: 100%;
    left: 50%;
    justify-content: space-between;
    height: 100%;
    top: 50%;
    display: none;
  }
  .scoreboard_items .scoreboard-slider + .swiper-button {
    display: flex;
  }
  .scoreboard_items .swiper-button > div {
    width: 24px;
    height: 24px;
    border-radius: 0;
    background-color: transparent;
  }
  .scoreboard_items .swiper-button .swiper-button-next .svg-icon,
  .scoreboard_items .swiper-button .swiper-button-prev .svg-icon {
    background-color: var(--color-foreground-foreground-on-active);
  }
  .scoreboard_items .swiper-button .swiper-button-disabled .svg-icon {
    background-color: var(--color-foreground-foreground-disabled);
  }
  .scoreboard_items .swiper-button div.swiper-button-disabled {
    background-color: transparent;
  }
}
@media screen and (max-width: 960px) {
  .scoreboard-container {
    padding: var(--space-xl) 0;
  }
  .scoreboard-slider .swiper-slide {
    width: 242px;
  }
  .scoreboard-slider.swiper {
    padding-left: var(--space-2xl);
    padding-right: var(--space-lg);
  }
}
@media only screen and (max-width: 767px) {
  .scoreboard-slider.swiper {
    padding-left: var(--space-xl);
  }
}
@media only screen and (max-width: 640px) {
  .scoreboard-slider.swiper {
    padding-left: var(--space-lg);
  }
}