@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html #crm #tab-news .hn-art.uo-pan-ready{position:relative;overflow:hidden}
  html #crm #tab-news .hn-art.uo-pan-ready>img{position:absolute;top:0;left:0;width:100%!important;height:var(--uo-pan-height)!important;max-height:none!important;min-height:0!important;object-fit:fill!important;transform-origin:50% 50%;transition:none!important}
  html #crm #tab-news .hn-art.uo-pan-moving>img{will-change:transform}
}

/* Fade the whole picture surface into the card's own themed texture. */
html #crm #news-articles .hs-art {
  -webkit-mask-image: linear-gradient(to right, #000 66%, #000e 74%, #0008 86%, transparent 100%);
  mask-image: linear-gradient(to right, #000 66%, #000e 74%, #0008 86%, transparent 100%);
}
html #crm #news-articles .hs-art::after { box-shadow: none; }
@media (max-width: 820px) {
  html #crm #news-articles .hs-art {
    -webkit-mask-image: linear-gradient(to bottom, #000 64%, #000e 74%, #0008 86%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 64%, #000e 74%, #0008 86%, transparent 100%);
  }
}