/* V1.110 — the account panel is a true modal across assistive, pointer and scroll input. */
html body.account-modal-open:not(.maintenance-mode) {
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}

html body.account-modal-open:not(.maintenance-mode) > [data-account-modal-inert="true"] {
  pointer-events: none !important;
  user-select: none !important;
  touch-action: none !important;
}

html body.account-modal-open:not(.maintenance-mode) #accountDialog.account-dialog[data-background-inert="true"] {
  pointer-events: auto;
  touch-action: pan-y;
  overscroll-behavior: contain;
}

html body.account-modal-open:not(.maintenance-mode) #accountDialog .account-dialog-shell {
  max-height: min(92dvh, 720px);
  overflow: auto;
  overscroll-behavior: contain;
}

@media (max-width: 560px) {
  html body.account-modal-open:not(.maintenance-mode) #accountDialog .account-dialog-shell {
    max-height: calc(100dvh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom)));
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.account-modal-open:not(.maintenance-mode) #accountDialog,
  html body.account-modal-open:not(.maintenance-mode) #accountDialog .account-dialog-shell {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

@media (forced-colors: active) {
  html body.account-modal-open:not(.maintenance-mode) #accountDialog .account-dialog-shell {
    border: 2px solid CanvasText !important;
  }
}