.sports-banner-wrap {
  min-height: 88px;
  background-color: var(--color-surface-surface-hover);
}
.breadcrumb-component + .sports-banner-wrap {
  margin-top: -1px;
}
.sports-banner-wrap .custom-container {
  min-height: inherit;
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.sports-banner-wrap.size-sm .custom-container {
  padding-top: 68px;
  padding-bottom: 68px;
}
.sports-banner-wrap .d-flex {
  min-height: inherit;
}
.sports-banner-wrap.size-lg {
  min-height: 349px;
}
.sports-banner-wrap .justify-content-center .sports-page {
  justify-content: center;
}
.sports-banner-wrap .justify-content-end .sports-page {
  justify-content: flex-end;
}
.parallax-banner .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: inherit;
  opacity: 90%;
}
.sports-page {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}
.sports-page .live {
  border: 2px solid var(--color-border-width-border-width-error);
  border-radius: var(--border-radius-rounded);
}
.live-game {
  position: absolute;
  left: 50%;
  bottom: -12px;
  transform: translate(-50%, -0);
  padding: var(--space-xs);
  border-radius: var(--border-radius-sm);
  font-size: var(--typography-font-size-label3-sm);
  line-height: var(--typography-line-height-label3-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-foreground-foreground-on-active);
  background-color: var(--color-red-60);
}
.sports-content {
  width: 100%;
}
.sports-page figure + .sports-content {
  width: calc(100% - 80px);
}
.sports-content .heading {
  color: var(--color-foreground-foreground-on-active);
}
.sports-content .heading + .desc {
  margin: var(--space-xs) 0 0;
  font-size: var(--typography-font-size-body1-sm);
  line-height: var(--typography-line-height-body1-sm);
  color: var(--color-foreground-foreground-on-active);
}
.sports-content p {
  font-size: var(--typography-font-size-body1-sm);
  line-height: var(--typography-line-height-body1-sm);
  color: var(--color-foreground-foreground-on-active);
  margin: 0;
}
.sports-page img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  background-color: var(--color-foreground-foreground-on-active);
  border-radius: var(--border-radius-rounded);
}
.page__content:has(.sports-banner-wrap) .col-lg-8 .block__content > div {
  margin-bottom: var(--space-2xl);
}
@media only screen and (min-width: 961px) {
  .sports-page {
    gap: 24px;
  }
  .sports-page img {
    width: 88px;
    height: 88px;
  }
  .sports-banner-wrap .custom-container {
    padding-top: var(--space-5xl);
    padding-bottom: var(--space-5xl);
  }
  .sports-banner-wrap.size-sm .custom-container {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .sports-page figure + {
    width: calc(100% - 112px);
  }
  .page__content:has(.sports-banner-wrap) .col-lg-8 .block__content > div {
    margin-bottom: var(--space-3xl);
  }
  .page__content:has(.sports-banner-wrap) .col-lg-8 .block__content > div:last-of-type {
    margin-bottom: var(--space-lg);
  }
  .page__content:has(.sports-banner-wrap) .col-lg-8 .in-article-recommendation > h2 {
    margin-bottom: var(--space-lg);
  }
}