.sideMenu{
  position:fixed;
  top:0;
  left:0;
  width:var(--menu-w);
  height:100vh;
  z-index:1200;
  background:linear-gradient(to bottom, #120d14 0%, #0b090d 100%);
  border-right:1px solid rgba(255,255,255,0.06);
  transform:translateX(-100%);
  transition:transform .28s ease;
  padding-top:calc(var(--header-h) + 16px);
  box-shadow:24px 0 40px rgba(0,0,0,0.32);
}

.sideMenu.is-open{
  transform:translateX(0);
}

.sideMenu__nav{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px;
}

.sideMenu__nav a{
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,255,255,0.04);
  color:var(--text-main);
}

.sideMenuBackdrop{
  position:fixed;
  inset:0;
  z-index:1100;
  background:rgba(0,0,0,0.48);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}

.sideMenuBackdrop.is-open{
  opacity:1;
  pointer-events:auto;
}