/* Intelectus Futuro A9.3.1 — public video presentation geometry/poster only. */
html body #app .h7 .h7Preview{
  width:min(320px,100%)!important;
  max-width:320px!important;
  justify-self:center!important;
  padding:11px!important;
}
html body #app .h7 .h7PreviewImg,
html body #app .h7 .h7VideoPoster,
html body #app .h7 .h7VideoFrame{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:9/16!important;
  border-radius:18px!important;
}
html[data-ifx-green="a922"] body #app#app#app .h7 .h7PreviewImg.h7VideoPoster{
  background:
    linear-gradient(180deg,rgba(1,22,16,.14) 0%,rgba(1,22,16,.04) 52%,rgba(1,22,16,.58) 100%),
    url('/a931-video-poster.jpeg') center center/cover no-repeat!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 16px 42px rgba(0,0,0,.18)!important;
}
html body #app .h7 .h7VideoPoster:before{
  display:none!important;
}
html body #app .h7 .h7VideoPoster:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 28%,transparent 65%,rgba(0,0,0,.52))!important;
  z-index:1!important;
}
html body #app .h7 .h7VideoLogo,
html body #app .h7 .h7VideoPlay,
html body #app .h7 .h7VideoHint{
  z-index:2!important;
}
html body #app .h7 .h7VideoFrame{
  border:0!important;
  background:#061f18!important;
}
html body #app .h7 .h7PreviewMeta{
  padding:14px 6px 6px!important;
}
@media(max-width:767px){
  html body #app .h7 .h7Preview{
    width:min(78vw,300px)!important;
    max-width:300px!important;
    justify-self:center!important;
  }
  html body #app .h7 .h7PreviewImg,
  html body #app .h7 .h7VideoPoster,
  html body #app .h7 .h7VideoFrame{
    aspect-ratio:9/16!important;
  }
}
@media(max-width:390px){
  html body #app .h7 .h7Preview{width:min(82vw,286px)!important}
}