@charset "UTF-8";
/* 18+ Comic v2.16.2 — Featured media full-frame cover refinement. */

/* -------------------------------------------------------------------------
 * Full-frame Featured thumbnails
 *
 * v2.16.1 used a contained foreground image plus a blurred copy to fill the
 * remaining frame. v2.16.2 intentionally removes that treatment: the post
 * thumbnail itself now covers the complete media frame while preserving its
 * native aspect ratio. A small crop is preferred over empty/gradient bands.
 * ---------------------------------------------------------------------- */
.ec18-v2161-media-safe{
  background:#101318!important;
}
.ec18-v2161-media-safe::before{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  opacity:0!important;
  transform:none!important;
}
.ec18-v2161-media-safe>img,
.ec18-v2161-media-safe>a>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
  transform:none!important;
}
.ec18-v2161-media-safe:hover>img,
.ec18-v2161-media-safe:focus-visible>img,
.ec18-v2161-media-safe:hover>a>img,
.ec18-v2161-media-safe:focus-visible>a>img{
  transform:none!important;
  filter:saturate(1.025) contrast(1.01)!important;
}

/* Standard cards should show the source thumbnail cleanly. The old generic
 * lower-edge gradient is unnecessary when title/copy lives outside the image. */
.ec18-v214-card__media::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Explicitly override v2.16/v2.16.1 poster-oriented contain rules. */
.ec18-v214-featured--poster-wall .ec18-v214-card__media>img,
.ec18-v214-featured--coverflow-stage .ec18-v214-card__media>img,
.ec18-v214-featured--vertical-stories .ec18-v214-card__media>img,
.ec18-v214-featured--poster-wall .ec18-v214-card__media img,
.ec18-v214-featured--coverflow-stage .ec18-v214-card__media img,
.ec18-v214-featured--vertical-stories .ec18-v214-card__media img,
.ec18-featured-ranking__thumb>img,
.ec18-v214-trending .ec18-v214-card__media>img,
.ec18-v214-catalog .ec18-v214-card__media>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
  transform:none!important;
}

/* Large preview/media canvases: the actual image, not a decorative backdrop,
 * owns the complete visual area. Text overlays stay separate for readability. */
.ec18-v214-slider__slide .ec18-v2161-media-safe>img,
.ec18-v214-tabs__preview .ec18-v2161-media-safe>img,
.vtt-featured-showcase__preview-link.ec18-v2161-media-safe>img,
.ec18-featured-cinema__link.ec18-v2161-media-safe>img,
.ec18-featured-mosaic__item.ec18-v2161-media-safe>img,
.ec18-featured-ranking__spotlight.ec18-v2161-media-safe>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}

/* Thumbnail Tabs and compact rails always fill their 16:9 thumbnail box. */
.ec18-v2161-tab-thumb>img,
.vtt-featured-showcase__thumb.ec18-v2161-media-safe>img,
.ec18-featured-cinema__thumb .ec18-v2161-media-safe>img,
.ec18-featured-carousel__media.ec18-v2161-media-safe>img,
.ec18-v2161-rank-card .ec18-v214-card__media>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Dark Tube Grid: clean 16:9 full-cover thumbnails with no backdrop filler. */
.ec18-v214-featured--dark-tube-grid .ec18-v214-card__media{
  background:#080b10!important;
}
.ec18-v214-featured--dark-tube-grid .ec18-v214-card__media::before,
.ec18-v214-featured--dark-tube-grid .ec18-v214-card__media::after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  opacity:0!important;
}
.ec18-v214-featured--dark-tube-grid .ec18-v214-card__media>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}

/* Bento media remains geometry-safe from v2.16.1, but the thumbnail now fills
 * its complete frame instead of exposing a secondary background treatment. */
.ec18-v214-featured--bento-board .ec18-v214-card__media>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Media-only hover should never create a second crop step. */
.ec18-v214-card:hover .ec18-v214-card__media img,
.ec18-v214-card:focus-visible .ec18-v214-card__media img,
.ec18-featured-carousel__card:hover .ec18-featured-carousel__media img,
.ec18-featured-carousel__card:focus-visible .ec18-featured-carousel__media img{
  transform:none!important;
  filter:saturate(1.025) contrast(1.01)!important;
}

@media(prefers-reduced-motion:reduce){
  .ec18-v2161-media-safe>img,
  .ec18-v214-card__media>img{transition:none!important}
}