/* Keep the phone drawer out of the fixed header's containing block. */
@media (max-width: 820px) {
  .ap3-header {
    backdrop-filter: none !important;
    overflow: visible !important;
  }

  .ap3-mobile:not([hidden]) {
    display: block !important;
    position: fixed !important;
    top: 68px !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100vw !important;
    height: calc(100dvh - 68px) !important;
    min-height: calc(100vh - 68px) !important;
    z-index: 9999 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: var(--ap3-paper, #fbfaf7) !important;
  }

  .admin-bar .ap3-mobile:not([hidden]) {
    top: 114px !important;
    height: calc(100dvh - 114px) !important;
    min-height: calc(100vh - 114px) !important;
  }
}