import{q as i,aj as r,a1 as t,ak as n,al as e,am as o,an as h}from"./index-BbBXKozi.js";const l=i.section`
  // account for header nav being "fixed"
  height: 100vh;
  ${a=>!a.isTheaterMode&&r`
      margin-top: ${t(n)};
      height: calc(100vh - ${t(n+a.ctaBannerHeight)});
    `}

  display: flex;
  flex-direction: row;

  min-height: 630px; // don't let the page collapse too much

  @media (max-width: ${e.desktop}px) {
    min-height: auto;
  }

  @media (max-width: ${e.tablet}px) {
    max-height: ${a=>`calc(100vh - ${t(o+a.ctaBannerHeight)})`};
    margin-top: ${t(o)};
    height: calc(100vh - ${t(o)});
  }

  @media (max-width: ${e.tablet}px) and (orientation: portrait) {
    flex-direction: column;
    overflow-y: hidden;
  }
  transition: all 250ms ease-in-out;
`,s=i.section`
  flex-grow: 0;

  @media (max-width: ${e.tablet}px) and (orientation: portrait) {
    flex-grow: 1;
  }
`,m=i.section`
  flex-grow: 1;
  overflow: hidden; // needed for "swiper" to work in stats bottom bar

  // flex for video player and stats bottom bar
  display: flex;
  flex-direction: column;

  @media (max-width: ${e.tablet}px) and (orientation: portrait) {
    height: 17rem;
    flex-grow: 0;
  }
`,x=i(h)`
  position: absolute;
  top: 45%;
  left: 50%;
`;export{x as C,l as P,s as R,m as a};
//# sourceMappingURL=styled-CaVne9ds.js.map