.news-update {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.news-headline-title {
  background-color: var(--color-foreground-foreground-brand-default);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--border-radius-md);
  height: 60px;
  padding: 0 var(--space-lg);
  margin-bottom: var(--space-sm);
}
.news-update-title {
  width: calc(100% - 30px);
  font-size: var(--typography-font-size-heading4-lg);
  line-height: var(--typography-line-height-heading4-lg);
  font-weight: var(--font-weight-extra-bold);
  color: var(--color-foreground-foreground-on-active);
}
.news-update-title span {
  display: inline;
  color: var(--color-foreground-foreground-on-active);
  font-family: var(--font-family-headline);
}
.news-headline-title h4 {
  color: var(--color-foreground-foreground-on-active);
  display: inline;
}
.news-headline-title svg {
  fill: var(--color-foreground-foreground-on-active);
}
.news-update-headline {
  width: 100%;
}
.news-update .headline-carousel-wrap {
  height: 118px;
  margin: 0;
  background-color: var(--color-surface-surface-accent);
  border-radius: var(--border-radius-xs);
}
.news-update .headline-carousel-wrap .swiper-slide {
  display: flex;
  align-items: center;
}
.news-update .headline-carousel-item {
  width: 100%;
}
.news-update .headline-carousel-item a {
  font-size: var(--typography-font-size-body1-lg);
  line-height: var(--typography-line-height-body1-lg);
  padding-top: 0;
  padding-bottom: 0;
  color: var(--color-foreground-foreground-default);
}
.news-player-right {
  width: 420px;
}
.news-update-headline .swiper-carousel {
  padding: 0 var(--space-sm);
}
.news-headline-title + .swiper-carousel .headline-carousel-wrap {
  height: 50px;
}
.news-update:has(.news-player-right) .news-update-headline {
  width: calc(100% - 436px);
}
.card-type-news_player.placeholder-data.card {
  background-color: var(--color-surface-surface-accent);
  border-radius: var(--border-radius-lg);
  padding: var(--space-sm);
  margin-bottom: 0;
}
.card-type-news_player .card-image {
  width: 102px;
  height: 102px;
}
.card-type-news_player .placeholder-data {
  flex-direction: unset;
  gap: 0;
  justify-content: space-between;
  margin-bottom: 0;
}
.card-type-news_player .card-body {
  padding: 0;
  width: calc(100% - 106px);
  flex: unset;
}
.card-type-news_player .skeleton-title {
  margin-bottom: 0 !important;
  height: 102px;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}
@media only screen and (min-width: 961px) {
  .news-update-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .news-update-component {
    margin-top: var(--space-md);
    padding: var(--space-lg) 0;
  }
}
@media only screen and (max-width: 960px) {
  .news-update-component {
    padding: var(--space-md) 0;
  }
  .news-update {
    flex-direction: column;
    gap: 8px;
  }
  .news-player-right {
    width: 100%;
  }
  .news-update:has(.news-player-right) .news-update-headline {
    width: 100%;
  }
  .news-update .headline-carousel-wrap {
    height: 50px;
  }
  .news-update-title {
    font-size: var(--typography-font-size-heading4-sm);
    line-height: var(--typography-line-height-heading4-sm);
  }
  .news-update-title span {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .news-headline-title h4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .card-type-news_player.placeholder-data.card {
    border-radius: var(--border-radius-md);
  }
  .card-type-news_player .card-image {
    width: 62px;
    height: 62px;
    border-radius: var(--border-radius-md);
  }
  .card-type-news_player .card-body {
    width: calc(100% - 66px);
  }
  .card-type-news_player .skeleton-title {
    height: 62px;
    border-radius: var(--border-radius-md);
  }
}