/**
 * Firefox mobile: fixed bottom sheets can peek above the viewport while
 * scrolling when closed with only transform: translateY(100%).
 * Push them further off-screen and hide when not open.
 */
@media (max-width: 991.98px) {
  .dk-notif-panel,
  .dk-sheet.dk-lang-sheet,
  .dk-sheet.dk-apps-sheet,
  .dk-sheet.dk-more-sheet {
    /* Extra offset so rubber-band overscroll cannot reveal the sheet */
    transform: translate3d(0, calc(100% + 48px), 0) !important;
    visibility: hidden;
    pointer-events: none;
    /* Avoid Firefox painting fixed layers during momentum scroll */
    will-change: auto;
  }

  .dk-notif-panel.is-open,
  .dk-sheet.dk-lang-sheet.is-open,
  .dk-sheet.dk-apps-sheet.is-open,
  .dk-sheet.dk-more-sheet.is-open {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible;
    pointer-events: auto;
  }

  /* Backdrops must not intercept touches when closed */
  .dk-sheet-backdrop:not(.is-open),
  .dk-notif-backdrop:not(.is-open),
  .dk-lang-backdrop:not(.is-open),
  .dk-apps-backdrop:not(.is-open),
  .dk-more-backdrop:not(.is-open) {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
  }

  .dk-sheet-backdrop.is-open,
  .dk-notif-backdrop.is-open,
  .dk-lang-backdrop.is-open,
  .dk-apps-backdrop.is-open,
  .dk-more-backdrop.is-open {
    visibility: visible;
    pointer-events: auto;
  }
}