@media (max-width:800px){
  .menu-button{display:grid;place-items:center;position:fixed;z-index:30;top:14px;left:14px;width:42px;height:42px;border:1px solid #cbd3cc;background:#fff;color:#132236;font-size:22px;cursor:pointer}
  .dashboard aside{position:fixed;z-index:40;inset:0 auto 0 0;width:min(285px,82vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:12px 0 28px #13223633}
  .dashboard.menu-open aside{transform:translateX(0)}
  .scrim{display:block;position:fixed;inset:0;z-index:35;background:#13223666;opacity:0;pointer-events:none;transition:opacity .2s ease}
  .dashboard.menu-open .scrim{opacity:1;pointer-events:auto}
}
@media (min-width:801px){.menu-button,.scrim{display:none}}