/* Meet stays in the top header on mobile. The social bottom bar is exactly five items. */
@media (max-width: 768px) {
  .topbar .topbar-right>a[aria-label="Meet"]{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 38px!important;width:38px!important;height:38px!important}
  nav.mobile-icon-nav.instagram-mobile-nav:not(.mp-bottom-nav) {
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;padding:7px max(5px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-right))!important;
  }
  nav.mobile-icon-nav.instagram-mobile-nav:not(.mp-bottom-nav)>a,
  nav.mobile-icon-nav.instagram-mobile-nav:not(.mp-bottom-nav)>label.nav-create {
    width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;
  }
  nav.mobile-icon-nav .nav-profile{grid-column:5!important}
  body:has([data-meet-room]) .topbar,
  body:has([data-meet-room]) .mobile-icon-nav,
  body:has([data-meet-room]) .desktop-sidebar,
  body:has([data-meet-room]) .mobile-fab {display:none!important}
  body:has([data-meet-room]) main.shell.app-shell{padding:0!important;margin:0!important;max-width:none!important}
}