/* Physical right-side drawer: the hamburger is on the right in RTL. */
@media (max-width: 760px) {
  .mobile-drawer-surface {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    right: 0 !important;
    width: min(82vw, 330px) !important;
    height: 100dvh !important;
    min-width: 0 !important;
    max-width: min(82vw, 330px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    overflow-y: auto !important;
    transform: translateX(110%) !important;
    visibility: hidden !important;
    transition: transform .22s ease, visibility .22s ease !important;
  }

  .mobile-drawer-surface.is-open {
    left: auto !important;
    right: 0 !important;
    transform: translateX(0) !important;
    visibility: visible !important;
  }
}