.mobile-menu,.nav-backdrop{display:none}
@media(max-width:720px){
  .mobile-menu{display:grid;place-items:center;position:fixed;z-index:60;left:14px;top:14px;width:42px;height:42px;border:0;border-radius:11px;background:#17213b;color:#fff;font-size:22px;box-shadow:0 5px 18px rgba(23,33,59,.22);cursor:pointer}
  .sidebar{display:flex!important;position:fixed;z-index:55;inset:0 auto 0 0;width:min(82vw,290px);transform:translateX(-105%);transition:transform .24s ease;box-shadow:15px 0 40px rgba(12,20,40,.25)}
  .nav-backdrop{position:fixed;z-index:50;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}
  .nav-open .sidebar{transform:translateX(0)}
  .nav-open .nav-backdrop{display:block}
  .nav-open .mobile-menu{left:min(calc(82vw - 54px),236px);background:#293653}
  .content{padding-top:76px!important}
}