.site-navbar.is-elevated .site-navbar__bar {
  box-shadow: 0 10px 30px rgba(46, 103, 103, 0.08);
}

.site-navbar__mobile-overlay,
.site-navbar__mobile-menu {
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}

.site-navbar__mobile-overlay {
  position: fixed;
  inset: 0;
  background: rgba(25, 28, 29, 0.28);
}

.site-navbar__mobile-menu {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(360px, 86vw);
  transform: translateX(100%);
}

.site-navbar.is-mobile-open .site-navbar__mobile-overlay,
.site-navbar.is-mobile-open .site-navbar__mobile-menu {
  opacity: 1;
  pointer-events: auto;
}

.site-navbar.is-mobile-open .site-navbar__mobile-menu {
  transform: translateX(0);
}