/* v0.10.3 shared modal positioning */

:root {
  --app-dialog-start: max(24px, env(safe-area-inset-top));
}

/* Every application dialog opens from the same upper-page position. */
.app-dialog {
  position: fixed;
  top: var(--app-dialog-start);
  right: 0;
  bottom: auto;
  left: 0;
  margin: 0 auto;
}

@media (max-height: 560px) {
  :root {
    --app-dialog-start: max(12px, env(safe-area-inset-top));
  }
}