/* Main drawer closing motion only. Page sections are intentionally untouched. */
@media (max-width: 1180px) {
  body.main-page.is-menu-closing .topbar::before {
    transform: translateX(100%) !important;
    transition: transform 360ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  body.main-page.is-menu-closing .topbar .menu-backdrop {
    opacity: 0 !important;
    visibility: visible !important;
    backdrop-filter: blur(0) !important;
    pointer-events: none !important;
    transition:
      opacity 320ms ease,
      backdrop-filter 320ms ease !important;
  }

  body.main-page.is-menu-closing .topbar .nav,
  body.main-page.is-menu-closing .topbar .topbar__actions,
  body.main-page.is-menu-closing .topbar .menu-drawer-brand {
    pointer-events: none !important;
    animation: main-menu-content-out 260ms cubic-bezier(0.4, 0, 0.2, 1) both !important;
  }

  @keyframes main-menu-content-out {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }

    to {
      opacity: 0;
      transform: translate3d(28px, 0, 0);
    }
  }
}