.imv {
  position: fixed;
  inset: 0;
  

  z-index: 2147483000;
  background: #0b1020;
  display: grid;
  place-items: center;
  

  overscroll-behavior: contain;
  touch-action: none;
}



.imv__stage {
  width: var(--imv-vw, 100vw);
  width: var(--imv-vw, 100dvw);
  height: var(--imv-vh, 100vh);
  height: var(--imv-vh, 100dvh);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  

}



.imv--rotated .imv__stage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--imv-vh, 100dvh);
  height: var(--imv-vw, 100dvw);
  transform: translate(-50%, -50%) rotate(90deg);
  transform-origin: 50% 50%;
}

@media (prefers-reduced-motion: no-preference) {
  .imv__stage {
    transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
}



.imv-lock {
  overflow: hidden;
}



.imv-slot {
  flex: 0 0 auto;
}



.imv--rotated .ba,
.imv--rotated .shw__stage {
  touch-action: pan-x;
}