html,
body {
  overscroll-behavior: none;
  font-family: system-ui, sans-serif;
  font-size: 16px;
  height: 100%;
  height: 100vh;
  height: 100dvh;

  @media all and (display-mode: standalone) {
    height: 100lvh;
  }
}

patchwork-view {
  display: block;
  height: 100%;
  width: 100%;
  contain: layout;
}

/* Strict on purpose: we don't trust every tool author to animate accessibly.
   TODO(chee): I think it would be a good idea to add an opt-out here, an
   attribute a tool puts on its root to say it does its own reduced-motion work
   (fades instead of movement, spinners that still spin), so this rule skips
   that element and everything inside it. */
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
    animation-iteration-count: 1 !important;
  }
}