/* wire-team-hub-featured-media-303f1h8788 */

/*
 * topic/index.php is an independent rendered shell, so copy the canonical
 * Wire Cloudflare/native player presentation here instead of depending on
 * app/views/layout.php.
 */
body.sports-topic-hub-body .wire-cf-post-state-303e3r{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body.sports-topic-hub-body
.wire-cf-post-state-303e3r[data-wire-cloudflare-status="ready"]{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:10px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.sports-topic-hub-body .wire-cf-player-shell-303e3t{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  aspect-ratio:var(--wire-cf-aspect,16 / 9)!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#050b12!important;
  box-sizing:border-box!important;
}

body.sports-topic-hub-body .wire-cf-player-303e3t{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  border:0!important;
}

body.sports-topic-hub-body .wire-cf-share-video-303e3v{
  position:absolute!important;
  z-index:4!important;
  top:10px!important;
  right:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:0!important;
  width:auto!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,255,255,.3)!important;
  border-radius:999px!important;
  background:rgba(4,11,18,.78)!important;
  color:#fff!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
  box-shadow:0 5px 18px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(8px)!important;
}

body.sports-topic-hub-body .wire-cf-origin-attribution-303e3z{
  position:absolute!important;
  z-index:4!important;
  left:10px!important;
  bottom:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  max-width:calc(100% - 20px)!important;
  padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:999px!important;
  background:rgba(4,11,18,.78)!important;
  color:#dce8f3!important;
  text-decoration:none!important;
  font-size:11px!important;
  line-height:1!important;
  box-shadow:0 5px 18px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(8px)!important;
}

body.sports-topic-hub-body .wire-native-video,
body.sports-topic-hub-body .wire-post-video,
body.sports-topic-hub-body .wire-single-video{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#000!important;
  box-sizing:border-box!important;
}

body.sports-topic-hub-body .wire-native-video video,
body.sports-topic-hub-body .wire-native-video-player,
body.sports-topic-hub-body .wire-post-video video,
body.sports-topic-hub-body .wire-single-video video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:min(76vh,760px)!important;
  object-fit:contain!important;
  background:#000!important;
  border:0!important;
}

/* Full-width featured media with no image cropping. */
body.sports-topic-hub-body .hub-homepage-feature,
body.sports-topic-hub-body .hub-featured-post,
body.sports-topic-hub-body .hub-featured-post .post-card,
body.sports-topic-hub-body .hub-featured-post .post-main,
body.sports-topic-hub-body .hub-featured-post .post-content,
body.sports-topic-hub-body .hub-featured-post .post-media,
body.sports-topic-hub-body .hub-featured-post .multi-media-grid,
body.sports-topic-hub-body .hub-featured-post .wire-cf-post-state-303e3r,
body.sports-topic-hub-body .hub-featured-post .wire-cf-player-shell-303e3t{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body.sports-topic-hub-body .hub-featured-post{
  overflow:visible!important;
}

body.sports-topic-hub-body .hub-featured-post .post-card{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
}

body.sports-topic-hub-body .hub-featured-post .post-media{
  display:block!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:#050b12!important;
}

body.sports-topic-hub-body .hub-featured-post .post-media>img,
body.sports-topic-hub-body .hub-featured-post .post-media img,
body.sports-topic-hub-body .hub-featured-post .multi-media-grid img{
  display:block!important;
  width:100%!important;
  height:clamp(320px,38vw,640px)!important;
  max-width:none!important;
  max-height:76vh!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#050b12!important;
}

body.sports-topic-hub-body
.hub-featured-post .wire-cf-player-shell-303e3t{
  min-height:clamp(300px,32vw,560px)!important;
}

body.sports-topic-hub-body
.hub-featured-post .wire-cf-player-shell-303e3t[style*="--wire-cf-aspect"]{
  min-height:0!important;
}

@media(max-width:760px){
  body.sports-topic-hub-body .hub-featured-post .post-media>img,
  body.sports-topic-hub-body .hub-featured-post .post-media img,
  body.sports-topic-hub-body .hub-featured-post .multi-media-grid img{
    height:clamp(250px,70vw,520px)!important;
    max-height:72vh!important;
  }

  body.sports-topic-hub-body .wire-cf-share-video-303e3v{
    width:40px!important;
    height:40px!important;
    justify-content:center!important;
    padding:0!important;
    font-size:19px!important;
  }

  body.sports-topic-hub-body .wire-cf-share-video-303e3v b{
    display:none!important;
  }
}