/*! Orientation helper styles (replaces legacy forced landscape layout) */
html,
body {
  height: auto;
  min-height: 100%;
}

html[data-device-orientation],
body[data-device-orientation] {
  transform: none !important;
  transition: none !important;
}

html.force-landscape-root,
html.force-landscape-root body,
body.force-landscape-active,
.force-landscape-viewport,
.force-landscape-content {
  transform: none !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  background: inherit !important;
}

@media (max-width: 1080px) {
  html[data-device-orientation],
  body[data-device-orientation] {
    overflow-x: hidden;
    touch-action: manipulation;
  }

  [data-device-orientation="portrait"] .landscape-only {
    display: none !important;
  }

  [data-device-orientation="landscape"] .portrait-only {
    display: none !important;
  }
}