/* viewport.css — screen-height units that match what a phone actually shows.
   On Android Chrome and iOS Safari "100vh" is the height with the browser's address bar hidden, so anything sized in vh
   is taller than the visible screen while the bar is showing: the bottom of a full-height layout and the save button of a
   pop-up end up under the bar. "dvh" follows the visible height. Browsers without dvh keep the vh value from Tailwind.
   Load right after tailwind.build.css. */
@supports (height: 100dvh) {
  .h-screen { height: 100dvh; }
  .min-h-screen { min-height: 100dvh; }
  .h-\[88vh\] { height: 88dvh; }
  .h-\[90vh\] { height: 90dvh; }
  .max-h-\[55vh\] { max-height: 55dvh; }
  .max-h-\[78vh\] { max-height: 78dvh; }
  .max-h-\[85vh\] { max-height: 85dvh; }
  .max-h-\[90vh\] { max-height: 90dvh; }
  .max-h-\[92vh\] { max-height: 92dvh; }
}