/* The approved interactive stage has its own document to isolate scene styles. */
html body .hanhai-hero.hanhai-hero--live {
  position: relative;
  width: 100%;
  height: var(--hh-live-height, calc(100svh - 60px));
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: clip;
}
.hanhai-hero--live > .hanhai-live-frame {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
@media (min-width: 971px) and (max-width: 1600px) {
  html body .hanhai-hero.hanhai-hero--live {
    max-height: 50vw;
  }
}
@media (max-width: 600px) {
  html body .hanhai-hero.hanhai-hero--live {
    height: var(--hh-live-height, calc(100svh - 74px));
  }
}