/* Stage 5: compact right sidebar matches. */
.home-right-sidebar {
  gap: 10px;
}

.home-right-sidebar .sidebar-matches-card,
.matches-sidebar .matches-live-card,
.sidebar-matches-card--mobile-placement {
  overflow: hidden;
  border-color: color-mix(in srgb, var(--line) 70%, transparent);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--surface-strong) 82%, transparent);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.home-right-sidebar .sidebar-matches-card--desktop-placement,
.matches-sidebar .matches-live-card {
  padding: 10px 11px 9px;
}

.home-right-sidebar .matches-tournaments-card {
  padding: 10px 11px 9px;
  border-color: color-mix(in srgb, var(--line) 62%, transparent);
  box-shadow: none;
}

.home-right-sidebar .sidebar-matches-card__header,
.matches-sidebar .matches-live-card .sidebar-matches-card__header,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
  min-height: 0;
  margin-bottom: 7px;
  padding-right: 0 !important;
}

.home-right-sidebar .sidebar-matches-card__titles,
.matches-sidebar .matches-live-card .sidebar-matches-card__titles,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__titles {
  gap: 2px;
}

.home-right-sidebar .sidebar-matches-card__title,
.home-right-sidebar .sidebar-matches-card__title-link,
.matches-sidebar .matches-live-card .sidebar-matches-card__title,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__title,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__title-link {
  color: color-mix(in srgb, var(--text) 92%, var(--text-soft));
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
}

.home-right-sidebar .sidebar-matches-card__title-link:hover,
.home-right-sidebar .sidebar-matches-card__title-link:focus-visible,
.matches-sidebar .matches-live-card .sidebar-matches-card__title-link:hover,
.matches-sidebar .matches-live-card .sidebar-matches-card__title-link:focus-visible,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__title-link:hover,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__title-link:focus-visible {
  color: color-mix(in srgb, var(--accent) 78%, var(--text));
}

.home-right-sidebar .sidebar-matches-card__filters,
.matches-sidebar .matches-live-card .sidebar-matches-card__filters,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__filters {
  gap: 1px;
  padding: 1px;
  border-color: color-mix(in srgb, var(--line) 60%, transparent);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--surface-muted) 56%, transparent);
  box-shadow: none;
}

.home-right-sidebar .sidebar-matches-card__filter,
.matches-sidebar .matches-live-card .sidebar-matches-card__filter,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__filter {
  min-width: 25px;
  min-height: 22px;
  padding: 0 7px;
  border-radius: var(--radius-sm);
  color: color-mix(in srgb, var(--text-soft) 88%, var(--text));
  font-size: 0.64rem;
  font-weight: 760;
}

.home-right-sidebar .sidebar-matches-card__filter:hover,
.home-right-sidebar .sidebar-matches-card__filter:focus-visible,
.matches-sidebar .matches-live-card .sidebar-matches-card__filter:hover,
.matches-sidebar .matches-live-card .sidebar-matches-card__filter:focus-visible,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__filter:hover,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__filter:focus-visible {
  background: color-mix(in srgb, var(--accent) 4%, var(--surface-strong));
  color: color-mix(in srgb, var(--accent) 76%, var(--text));
}

.home-right-sidebar .sidebar-matches-card__filter.is-active,
.matches-sidebar .matches-live-card .sidebar-matches-card__filter.is-active,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__filter.is-active {
  background: var(--surface-strong);
  color: color-mix(in srgb, var(--text) 90%, var(--accent));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--line) 52%, transparent);
}

.home-right-sidebar .sidebar-matches-card__empty,
.matches-sidebar .matches-live-card .sidebar-matches-card__empty,
.sidebar-matches-card--mobile-placement .sidebar-matches-card__empty {
  margin-top: 4px;
  padding: 12px 10px;
  border: 1px dashed color-mix(in srgb, var(--line) 68%, transparent);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--surface-muted) 45%, transparent);
  color: color-mix(in srgb, var(--text-soft) 86%, var(--text));
  font-size: 0.74rem;
  font-weight: 620;
  line-height: 1.25;
  text-align: center;
}

.home-right-sidebar .sidebar-match-featured,
.matches-sidebar .matches-live-card .sidebar-match-featured,
.sidebar-matches-card--mobile-placement .sidebar-match-featured {
  padding: 8px;
  border-color: color-mix(in srgb, var(--line) 66%, transparent);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--surface-strong) 84%, var(--surface-muted));
  box-shadow: none;
  transition:
    border-color var(--transition-fast),
    background-color var(--transition-fast);
}

.home-right-sidebar .sidebar-match-featured:hover,
.home-right-sidebar .sidebar-match-featured:focus-visible,
.matches-sidebar .matches-live-card .sidebar-match-featured:hover,
.matches-sidebar .matches-live-card .sidebar-match-featured:focus-visible,
.sidebar-matches-card--mobile-placement .sidebar-match-featured:hover,
.sidebar-matches-card--mobile-placement .sidebar-match-featured:focus-visible {
  border-color: color-mix(in srgb, var(--accent) 14%, var(--line));
  background: color-mix(in srgb, var(--accent) 3%, var(--surface-strong));
  box-shadow: none;
  transform: none;
}

.home-right-sidebar .sidebar-match-featured--live,
.matches-sidebar .matches-live-card .sidebar-match-featured--live,
.sidebar-matches-card--mobile-placement .sidebar-match-featured--live {
  border-color: color-mix(in srgb, #d94a3a 18%, var(--line));
}

.home-right-sidebar .sidebar-match-featured__top,
.matches-sidebar .matches-live-card .sidebar-match-featured__top,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__top {
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 6px;
  margin-bottom: 8px;
}

.home-right-sidebar .sidebar-match-featured__status,
.matches-sidebar .matches-live-card .sidebar-match-featured__status,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__status {
  min-height: 20px;
  padding: 0 6px;
  border-radius: var(--radius-sm);
  font-size: 0.58rem;
  font-weight: 820;
  letter-spacing: 0.02em;
}

.home-right-sidebar .sidebar-match-featured__status--live,
.matches-sidebar .matches-live-card .sidebar-match-featured__status--live,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__status--live,
.home-right-sidebar .sidebar-match-row__live-label,
.matches-sidebar .matches-live-card .sidebar-match-row__live-label,
.sidebar-matches-card--mobile-placement .sidebar-match-row__live-label {
  background: color-mix(in srgb, #d94a3a 8%, var(--surface-strong));
  color: #c94435;
}

.home-right-sidebar .sidebar-match-featured__status--live::before,
.matches-sidebar .matches-live-card .sidebar-match-featured__status--live::before,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__status--live::before,
.home-right-sidebar .sidebar-match-row__live-label::before,
.matches-sidebar .matches-live-card .sidebar-match-row__live-label::before,
.sidebar-matches-card--mobile-placement .sidebar-match-row__live-label::before {
  width: 5px;
  height: 5px;
  flex-basis: 5px;
  background: currentColor;
  box-shadow: 0 0 0 2px color-mix(in srgb, #d94a3a 10%, transparent);
}

.home-right-sidebar .sidebar-match-featured__status--upcoming,
.home-right-sidebar .sidebar-match-featured__status--finished,
.home-right-sidebar .sidebar-match-featured__status--unknown,
.home-right-sidebar .sidebar-match-featured__status--canceled,
.home-right-sidebar .sidebar-match-featured__status--postponed,
.matches-sidebar .matches-live-card .sidebar-match-featured__status--upcoming,
.matches-sidebar .matches-live-card .sidebar-match-featured__status--finished,
.matches-sidebar .matches-live-card .sidebar-match-featured__status--unknown,
.matches-sidebar .matches-live-card .sidebar-match-featured__status--canceled,
.matches-sidebar .matches-live-card .sidebar-match-featured__status--postponed,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__status--upcoming,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__status--finished,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__status--unknown,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__status--canceled,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__status--postponed {
  background: color-mix(in srgb, var(--accent) 5%, var(--surface-strong));
  color: color-mix(in srgb, var(--accent) 72%, var(--text));
}

.home-right-sidebar .sidebar-match-featured__competition,
.matches-sidebar .matches-live-card .sidebar-match-featured__competition,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__competition {
  max-width: calc(100% - 92px);
  color: color-mix(in srgb, var(--text-soft) 88%, var(--text));
  font-size: 0.64rem;
  font-weight: 650;
  line-height: 1.05;
  text-overflow: ellipsis;
}

.home-right-sidebar .sidebar-match-featured__format,
.matches-sidebar .matches-live-card .sidebar-match-featured__format,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__format,
.home-right-sidebar .sidebar-match-pill,
.matches-sidebar .matches-live-card .sidebar-match-pill,
.sidebar-matches-card--mobile-placement .sidebar-match-pill {
  min-height: 20px;
  padding: 0 6px;
  border-color: color-mix(in srgb, var(--line) 58%, transparent);
  border-radius: var(--radius-sm);
  background: transparent;
  color: color-mix(in srgb, var(--text-soft) 84%, var(--text));
  font-size: 0.58rem;
  font-weight: 760;
}

.home-right-sidebar .sidebar-match-featured__body,
.matches-sidebar .matches-live-card .sidebar-match-featured__body,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__body {
  grid-template-columns: minmax(0, 1fr) 66px minmax(0, 1fr);
  gap: 8px;
}

.home-right-sidebar .sidebar-match-featured__team,
.matches-sidebar .matches-live-card .sidebar-match-featured__team,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__team {
  width: auto;
  max-width: 100%;
  gap: 4px;
}

.home-right-sidebar .sidebar-match-featured__logo,
.home-right-sidebar .sidebar-match-featured__logo--fallback,
.matches-sidebar .matches-live-card .sidebar-match-featured__logo,
.matches-sidebar .matches-live-card .sidebar-match-featured__logo--fallback,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__logo,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__logo--fallback {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  border-radius: var(--radius-sm);
}

.home-right-sidebar .sidebar-match-featured__team-name,
.matches-sidebar .matches-live-card .sidebar-match-featured__team-name,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__team-name {
  min-height: 1.1em;
  color: color-mix(in srgb, var(--text) 92%, var(--text-soft));
  font-size: 0.74rem;
  font-weight: 760;
  line-height: 1.08;
  text-overflow: ellipsis;
}

.home-right-sidebar .sidebar-match-featured__center,
.matches-sidebar .matches-live-card .sidebar-match-featured__center,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__center {
  width: 66px;
  min-width: 66px;
  gap: 2px;
  transform: none;
}

.home-right-sidebar .sidebar-match-featured__center--live,
.matches-sidebar .matches-live-card .sidebar-match-featured__center--live,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__center--live {
  transform: translateY(-4px);
}

.home-right-sidebar .sidebar-match-featured__score,
.matches-sidebar .matches-live-card .sidebar-match-featured__score,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__score {
  grid-template-columns: 1ch 10px 1ch;
  width: 66px;
  font-size: 1.42rem;
  font-weight: 850;
  letter-spacing: 0;
}

.home-right-sidebar .sidebar-match-featured__score-label,
.matches-sidebar .matches-live-card .sidebar-match-featured__score-label,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__score-label {
  min-height: 13px;
  padding: 0 5px;
  background: color-mix(in srgb, var(--surface-muted) 64%, transparent);
  color: color-mix(in srgb, var(--text-soft) 84%, var(--text));
  font-size: 0.4rem;
  font-weight: 760;
}

.home-right-sidebar .sidebar-match-featured__versus,
.matches-sidebar .matches-live-card .sidebar-match-featured__versus,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__versus {
  color: color-mix(in srgb, var(--text-soft) 82%, var(--text));
  font-size: 0.78rem;
  font-weight: 760;
}

.home-right-sidebar .sidebar-match-featured__time,
.matches-sidebar .matches-live-card .sidebar-match-featured__time,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__time {
  color: color-mix(in srgb, var(--text) 86%, var(--text-soft));
  font-size: 0.78rem;
  font-weight: 760;
  font-variant-numeric: tabular-nums;
}

.home-right-sidebar .sidebar-match-featured__submeta,
.matches-sidebar .matches-live-card .sidebar-match-featured__submeta,
.sidebar-matches-card--mobile-placement .sidebar-match-featured__submeta {
  color: color-mix(in srgb, var(--text-soft) 84%, var(--text));
  font-size: 0.62rem;
  font-weight: 620;
  line-height: 1.1;
}

.home-right-sidebar .sidebar-match-list,
.matches-sidebar .matches-live-card .sidebar-match-list {
  margin: 4px -4px 0;
}

.home-right-sidebar .sidebar-match-row,
.matches-sidebar .matches-live-card .sidebar-match-row {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-height: 50px;
  padding: 6px 4px;
  border-bottom-color: color-mix(in srgb, var(--line) 54%, transparent);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
  transition:
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    color var(--transition-fast);
}

.home-right-sidebar .sidebar-match-list .sidebar-match-row:last-child,
.home-right-sidebar .sidebar-match-list .sidebar-match-row--collapsed-last,
.matches-sidebar .matches-live-card .sidebar-match-list .sidebar-match-row:last-child,
.matches-sidebar .matches-live-card .sidebar-match-list .sidebar-match-row--collapsed-last {
  border-bottom-color: transparent;
}

.home-right-sidebar .sidebar-match-row:hover,
.home-right-sidebar .sidebar-match-row:focus-visible,
.matches-sidebar .matches-live-card .sidebar-match-row:hover,
.matches-sidebar .matches-live-card .sidebar-match-row:focus-visible {
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--accent) 3.5%, transparent);
  box-shadow: none;
  transform: none;
}

.home-right-sidebar .sidebar-match-row__main,
.matches-sidebar .matches-live-card .sidebar-match-row__main {
  gap: 6px;
}

.home-right-sidebar .sidebar-match-row__time,
.matches-sidebar .matches-live-card .sidebar-match-row__time {
  color: color-mix(in srgb, var(--text) 88%, var(--text-soft));
  font-size: 0.76rem;
  font-weight: 780;
  font-variant-numeric: tabular-nums;
}

.home-right-sidebar .sidebar-match-row__date,
.matches-sidebar .matches-live-card .sidebar-match-row__date {
  min-width: 34px;
  min-height: 15px;
  padding: 0 4px;
  border-radius: var(--radius-sm);
  background: transparent;
  color: color-mix(in srgb, var(--text-soft) 82%, var(--text));
  font-size: 0.5rem;
  font-weight: 740;
  letter-spacing: 0;
}

.home-right-sidebar .sidebar-match-row__live-label,
.matches-sidebar .matches-live-card .sidebar-match-row__live-label {
  min-height: 18px;
  padding: 0 6px;
  border-radius: var(--radius-sm);
  font-size: 0.54rem;
  font-weight: 820;
}

.home-right-sidebar .sidebar-match-row__teams-stack,
.matches-sidebar .matches-live-card .sidebar-match-row__teams-stack {
  gap: 4px;
}

.home-right-sidebar .sidebar-match-row__team-line,
.matches-sidebar .matches-live-card .sidebar-match-row__team-line {
  grid-template-columns: 15px minmax(0, 1fr) auto;
  gap: 5px;
}

.home-right-sidebar .sidebar-match-row__logo,
.home-right-sidebar .sidebar-match-row__logo--fallback,
.matches-sidebar .matches-live-card .sidebar-match-row__logo,
.matches-sidebar .matches-live-card .sidebar-match-row__logo--fallback {
  width: 15px;
  height: 15px;
  border-radius: 4px;
}

.home-right-sidebar .sidebar-match-row__team-name,
.matches-sidebar .matches-live-card .sidebar-match-row__team-name {
  color: color-mix(in srgb, var(--text) 90%, var(--text-soft));
  font-size: 0.72rem;
  font-weight: 720;
  line-height: 1.05;
  text-overflow: clip;
}

.home-right-sidebar .sidebar-match-row__team-score,
.matches-sidebar .matches-live-card .sidebar-match-row__team-score {
  color: var(--text);
  font-size: 0.74rem;
  font-weight: 780;
}

.home-right-sidebar .sidebar-match-row__side,
.matches-sidebar .matches-live-card .sidebar-match-row__side {
  gap: 4px;
}

.home-right-sidebar .sidebar-match-row__meta,
.matches-sidebar .matches-live-card .sidebar-match-row__meta {
  flex-wrap: nowrap;
  gap: 4px;
}


.home-right-sidebar .sidebar-match-row__stage,
.matches-sidebar .matches-live-card .sidebar-match-row__stage {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.52rem;
  font-weight: 620;
  text-overflow: clip;
}

.home-right-sidebar .sidebar-match-pill--row,
.matches-sidebar .matches-live-card .sidebar-match-pill--row {
  flex: 0 0 auto;
  min-height: 14px;
  padding: 0 2px;
  border-color: transparent;
  background: transparent;
  color: color-mix(in srgb, var(--text-soft) 76%, var(--text));
  font-size: 0.5rem;
  font-weight: 640;
}

.home-right-sidebar button.sidebar-match-featured__team-name:hover,
.home-right-sidebar button.sidebar-match-row__team-name:hover,
.home-right-sidebar button.sidebar-match-featured__competition:hover,
.home-right-sidebar button.sidebar-match-row__competition:hover,
.home-right-sidebar button.sidebar-match-featured__team-name:focus-visible,
.home-right-sidebar button.sidebar-match-row__team-name:focus-visible,
.home-right-sidebar button.sidebar-match-featured__competition:focus-visible,
.home-right-sidebar button.sidebar-match-row__competition:focus-visible,
.matches-sidebar .matches-live-card button.sidebar-match-featured__team-name:hover,
.matches-sidebar .matches-live-card button.sidebar-match-row__team-name:hover,
.matches-sidebar .matches-live-card button.sidebar-match-featured__competition:hover,
.matches-sidebar .matches-live-card button.sidebar-match-row__competition:hover,
.matches-sidebar .matches-live-card button.sidebar-match-featured__team-name:focus-visible,
.matches-sidebar .matches-live-card button.sidebar-match-row__team-name:focus-visible,
.matches-sidebar .matches-live-card button.sidebar-match-featured__competition:focus-visible,
.matches-sidebar .matches-live-card button.sidebar-match-row__competition:focus-visible {
  color: color-mix(in srgb, var(--accent) 78%, var(--text));
}

.home-right-sidebar .sidebar-matches-card__all-link,
.matches-sidebar .matches-live-card .sidebar-matches-card__all-link {
  min-height: 29px;
  margin-top: 3px;
  border-color: color-mix(in srgb, var(--line) 58%, transparent);
  border-radius: var(--radius-sm);
  background: transparent;
  box-shadow: none;
  color: color-mix(in srgb, var(--text-soft) 88%, var(--text));
  font-size: 0.72rem;
  font-weight: 720;
}

.home-right-sidebar .sidebar-matches-card__all-link:hover,
.home-right-sidebar .sidebar-matches-card__all-link:focus-visible,
.matches-sidebar .matches-live-card .sidebar-matches-card__all-link:hover,
.matches-sidebar .matches-live-card .sidebar-matches-card__all-link:focus-visible {
  border-color: color-mix(in srgb, var(--accent) 14%, var(--line));
  background: color-mix(in srgb, var(--accent) 3.5%, transparent);
  color: color-mix(in srgb, var(--accent) 78%, var(--text));
  box-shadow: none;
  transform: none;
}

.home-right-sidebar .sidebar-matches-card__all-arrow,
.matches-sidebar .matches-live-card .sidebar-matches-card__all-arrow {
  color: currentColor;
  font-size: 1rem;
}

.home-right-sidebar .matches-tournaments-card .sidebar-matches-card__title,
.home-right-sidebar .matches-tournaments-card .sidebar-matches-card__title-link {
  font-size: 0.86rem;
  font-weight: 760;
}

@media (max-width: 999.98px) {
  .sidebar-matches-card--mobile-placement {
    padding: 10px 12px !important;
    border-color: color-mix(in srgb, var(--line) 70%, transparent);
    background: color-mix(in srgb, var(--surface-strong) 86%, transparent);
    box-shadow: none;
  }

  .sidebar-matches-card--mobile-placement .sidebar-matches-card__header {
    margin-bottom: 6px !important;
  }

  .sidebar-matches-card--mobile-placement .sidebar-matches-card__title,
  .sidebar-matches-card--mobile-placement .sidebar-matches-card__title-link {
    font-size: 0.96rem;
    font-weight: 800;
  }

  .sidebar-matches-card--mobile-placement.has-live-matches .sidebar-matches-card__title::before {
    width: 6px;
    height: 6px;
    flex-basis: 6px;
    background: #c94435;
    box-shadow: 0 0 0 3px color-mix(in srgb, #d94a3a 10%, transparent);
  }

  .sidebar-matches-card--mobile-placement .sidebar-matches-card__mobile-rail {
    gap: 8px;
    margin-top: 4px !important;
    padding: 0 2px 1px 0;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured {
    flex: 0 0 184px !important;
    width: 184px !important;
    min-width: 184px !important;
    max-width: 184px !important;
    padding: 7px !important;
    border-radius: var(--radius-md);
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__top {
    grid-template-columns: minmax(42px, auto) minmax(0, 1fr) auto !important;
    gap: 5px;
    margin-bottom: 6px;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__competition {
    max-width: 100%;
    font-size: 0.6rem;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__format,
  .sidebar-matches-card--mobile-placement .sidebar-match-featured__status {
    min-height: 19px;
    padding: 0 5px;
    font-size: 0.5rem;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__body {
    grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__team {
    grid-template-rows: 32px 17px;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__logo,
  .sidebar-matches-card--mobile-placement .sidebar-match-featured__logo--fallback {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__team-name {
    min-height: 17px;
    font-size: 0.62rem;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__center {
    width: 54px !important;
    min-width: 54px !important;
    transform: none !important;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__center--live {
    transform: translateY(-3px) !important;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__score {
    grid-template-columns: 1ch 9px 1ch;
    width: 54px !important;
    font-size: 1.2rem;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__mobile-time {
    color: color-mix(in srgb, var(--text) 90%, var(--text-soft));
    font-size: 1rem;
    font-weight: 820;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured__mobile-stage {
    color: color-mix(in srgb, var(--text-soft) 82%, var(--text));
    font-size: 0.56rem;
    font-weight: 620;
  }
}

@media (max-width: 640px) {
  .sidebar-matches-card--mobile-placement {
    padding: 9px 10px 10px !important;
  }

  .sidebar-matches-card--mobile-placement .sidebar-match-featured {
    flex-basis: 172px !important;
    width: 172px !important;
    min-width: 172px !important;
    max-width: 172px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-match-featured,
  .sidebar-match-row,
  .sidebar-matches-card__filter,
  .sidebar-matches-card__all-link,
  .sidebar-match-featured__team-name,
  .sidebar-match-row__team-name,
  .sidebar-match-featured__competition,
  .sidebar-match-row__competition {
    transition-duration: 1ms;
  }
}