/* OnlyShows 0.11.21: immutable mobile wallpaper frame. */

@media (max-width: 719px) {
  /*
   * The keyboard may resize and pan Android's VisualViewport. Keep the
   * wallpaper's box at its pre-keyboard pixel size, then follow only the
   * viewport offset so the same crop remains under the visible screen.
   */
  html[data-background="prism-mono"] body,
  html[data-background="prism-violet"] body {
    background-image: none !important;
  }

  html[data-background="prism-mono"] body > .theme-backdrop,
  html[data-background="prism-violet"] body > .theme-backdrop {
    top: var(--mobile-wallpaper-offset-y, 0px) !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    width: var(--mobile-wallpaper-width, 100vw) !important;
    min-width: var(--mobile-wallpaper-width, 100vw) !important;
    height: var(--mobile-wallpaper-height, 100lvh) !important;
    min-height: var(--mobile-wallpaper-height, 100lvh) !important;
    max-height: var(--mobile-wallpaper-height, 100lvh) !important;
    transform: none !important;
    background-attachment: scroll !important;
  }
}
