/* Shared placement for text/form popups. Image viewers and the flow screen use separate layouts. */
:root {
  --popup-edge: max(16px, env(safe-area-inset-top), env(safe-area-inset-bottom));
  --popup-max-height: calc(100dvh - 2 * var(--popup-edge));
}
dialog.popup-layout {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  margin: auto;
  height: fit-content;
  max-height: var(--popup-max-height);
  overflow: auto;
}
.popup-initial-focus:focus { outline: none; }
.reconstruction-admin-dialog.popup-layout { overflow: hidden; }
.reconstruction-admin-dialog.popup-layout form { max-height: var(--popup-max-height); }
.notice-consent-overlay,
.false-annotation-popup {
  box-sizing: border-box;
  padding: var(--popup-edge);
  overflow: auto;
}
.notice-consent-overlay .notice-dialog,
.false-annotation-popup__panel {
  box-sizing: border-box;
  max-height: var(--popup-max-height);
}