.underlay {
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  background: #07164280;
  width: 100%;
  height: 100%;
  transition: all 0.333s ease-in-out;
  position: fixed;
  inset: 0;
}
.underlay.underlay--open {
  opacity: 1;
  visibility: visible;
  z-index: 10000;
}
body:has(.side-menu--open) .underlay.underlay--open,
body:has(.search-area--open) .underlay.underlay--open {
  z-index: 99;
}