/* Desktop layout, native scrolling and browser edge navigation stay untouched.
 * The original dialog supplies its backdrop color and blur. Only its opacity
 * participates in a claimed mobile touch gesture.
 */
@media (max-width: 767.98px) {
  dialog[data-mahina-dismiss-adapter][data-mahina-dismiss-dragging]::backdrop,
  dialog[data-mahina-dismiss-adapter][data-mahina-dismiss-settling]::backdrop {
    opacity: var(--mahina-dismiss-backdrop-opacity, 1);
  }
  dialog[data-mahina-dismiss-adapter][data-mahina-dismiss-dragging]::backdrop {
    transition: none;
  }
  dialog[data-mahina-dismiss-adapter][data-mahina-dismiss-settling]::backdrop {
    transition: opacity 180ms ease-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  dialog[data-mahina-dismiss-adapter][data-mahina-dismiss-settling]::backdrop {
    transition: none;
  }
}