:root {
  --go-smart-card-focus: 50% 38%;
  --go-smart-card-focus-mobile: 50% 34%;
}

.newsx-magazine-layout .newsx-grid-image {
  display: block;
  overflow: hidden;
  background: #0b1120;
}

.newsx-magazine-layout .newsx-grid-image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: var(--go-smart-card-focus);
}

.newsx-magazine-layout .newsx-media-hover-link {
  background-image: linear-gradient(
    180deg,
    rgba(5, 7, 11, 0.56) 0%,
    rgba(5, 7, 11, 0.18) 16%,
    rgba(5, 7, 11, 0.02) 34%,
    rgba(5, 7, 11, 0.1) 56%,
    rgba(5, 7, 11, 0.82) 100%
  ) !important;
}

.newsx-magazine-layout .newsx-grid-over-media,
.newsx-list-layout-list-5 .newsx-big-post .newsx-grid-over-media {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.56);
}

.newsx-magazine-layout .newsx-grid-over-media .newsx-grid-title a,
.newsx-magazine-layout .newsx-grid-over-media .newsx-grid-date,
.newsx-magazine-layout .newsx-grid-over-media .newsx-grid-author-name,
.newsx-list-layout-list-5 .newsx-big-post .newsx-grid-over-media .newsx-grid-title a,
.newsx-list-layout-list-5 .newsx-big-post .newsx-grid-over-media .newsx-grid-date,
.newsx-list-layout-list-5 .newsx-big-post .newsx-grid-over-media .newsx-grid-author-name {
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.94),
    0 6px 18px rgba(0, 0, 0, 0.72);
}

.newsx-magazine-layout .newsx-post-categories a,
.newsx-list-layout-list-5 .newsx-big-post .newsx-post-categories a {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(5, 7, 11, 0.72) !important;
}

.newsx-list-layout-list-5 .newsx-big-post .newsx-grid-media > a {
  background: rgba(5, 7, 11, 0.1) !important;
}

.newsx-list-layout-list-5 .newsx-big-post .newsx-grid-over-media {
  background-image: linear-gradient(
    180deg,
    rgba(5, 7, 11, 0.5) 0%,
    rgba(5, 7, 11, 0.18) 18%,
    rgba(5, 7, 11, 0.03) 36%,
    rgba(5, 7, 11, 0.1) 56%,
    rgba(5, 7, 11, 0.76) 100%
  ) !important;
}

.newsx-list-layout .newsx-grid-media img,
.newsx-posts-feed .newsx-grid-media img,
.newsx-slider-media img,
.newsx-related-posts img {
  object-position: var(--go-smart-card-focus);
}

.go-home-section:is(
  .go-home-section--hero-strip,
  .go-home-section--highlights,
  .go-home-section--reviews,
  .go-home-section--games,
  .go-home-section--entertainment,
  .go-home-section--technology,
  .go-home-section--guides
) .go-home-story-media::after {
  background:
    linear-gradient(180deg, rgba(5, 7, 11, 0.52) 0%, rgba(5, 7, 11, 0.18) 16%, rgba(5, 7, 11, 0.02) 32%, rgba(5, 7, 11, 0.1) 56%, rgba(5, 7, 11, 0.82) 100%),
    radial-gradient(circle at 50% 42%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.14) 68%, rgba(0, 0, 0, 0.28) 100%),
    linear-gradient(135deg, rgba(var(--go-home-editorial-accent-rgb, 40, 0, 240), 0.09), rgba(5, 7, 11, 0) 40%) !important;
}

.go-home-section:is(
  .go-home-section--hero-strip,
  .go-home-section--highlights,
  .go-home-section--reviews,
  .go-home-section--games,
  .go-home-section--entertainment,
  .go-home-section--technology,
  .go-home-section--guides
) :is(.go-home-story-title, .go-home-story-title a, .go-home-meta, .go-home-story-topline) {
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.94),
    0 6px 18px rgba(0, 0, 0, 0.72);
}

.go-home-section:is(
  .go-home-section--hero-strip,
  .go-home-section--highlights,
  .go-home-section--reviews,
  .go-home-section--games,
  .go-home-section--entertainment,
  .go-home-section--technology,
  .go-home-section--guides
) .go-home-story-topline :is(.go-home-badge, time) {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(5, 7, 11, 0.58) !important;
}

.go-news-archive-page--magazine .go-news-archive-lead-media::after {
  background: linear-gradient(180deg, rgba(5, 5, 5, 0.12) 12%, rgba(5, 5, 5, 0.82) 100%) !important;
}

.go-reviews-archive .go-reviews-archive-lead-media::after {
  background:
    linear-gradient(180deg, rgba(5, 7, 11, 0.14) 12%, rgba(5, 7, 11, 0.8) 100%),
    linear-gradient(90deg, rgba(5, 7, 11, 0.42), transparent 68%) !important;
}

@media (max-width: 42rem) {
  .newsx-magazine-layout .newsx-grid-image img,
  .newsx-list-layout .newsx-grid-media img,
  .newsx-posts-feed .newsx-grid-media img,
  .newsx-slider-media img,
  .newsx-related-posts img {
    object-position: var(--go-smart-card-focus-mobile);
  }
}
