#notifBellBtn{ position: relative; }
#notifBadge{
  position:absolute;
  top: 6px;
  right: 2px;
}

#notifOverlay{
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.25);
  z-index: 1090;
}

#notifDrawer{
  position:fixed;
  top:0;
  right:0;
  height:100vh;
  width: min(20vw, 420px);
  min-width: 280px;
  background:#fff;
  z-index: 1100;
  border-left: 1px solid rgba(0,0,0,.125);
  transform: translateX(100%);
  transition: transform .2s ease-in-out;
  display:flex;
  flex-direction:column;
}
#notifDrawer.open{ transform: translateX(0); }

#notifList{ overflow:auto; flex: 1 1 auto; }

@media (max-width: 768px){
  #notifDrawer{ width: 90vw; min-width: 0; }
}