.hf17-video-host{
  width:min(100%,960px);
  margin:28px auto 0;
  aspect-ratio:16/9;
  border:1px solid rgba(213,166,64,.32);
  border-radius:18px;
  overflow:hidden;
  background:#080808;
  box-shadow:0 22px 60px rgba(0,0,0,.32);
  position:relative;
}

.hf17-video-host[hidden]{
  display:none!important;
}

.hf17-video-host video,
.hf17-video-host iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#050505;
  object-fit:contain;
}

.hf17-video-external-link{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(0,0,0,.76);
  color:#f0d78e;
  font-size:11px;
  text-decoration:none;
}

.hf17-video-fallback{
  display:grid;
  place-items:center;
  align-content:center;
  gap:14px;
  height:100%;
  padding:28px;
  text-align:center;
}

.hf17-video-fallback p{
  margin:0;
  color:rgba(255,255,255,.68);
}

@media(max-width:720px){
  .hf17-video-host{
    margin-top:20px;
    border-radius:14px;
  }
  .hf17-video-external-link{
    right:8px;
    bottom:8px;
    font-size:10px;
  }
}