ad-nav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #f8f8f8;
  border-right: 1px solid var(--anj-border-dark);
  bottom: 0;
  overflow-y: auto;
  position: fixed;
  top: 3rem;
  width: 13rem;
  z-index: 1020;
}
ad-nav[disabled] {
  display: none;
}
@media (max-width: 767.98px) {
  ad-nav {
    box-shadow: none;
    transform: translateX(-100%);
    transition: all 0.5s ease;
    z-index: 1020;
  }
  ad-nav[active] {
    box-shadow: 0 3px 7px var(--anj-shadow);
    transform: translateX(0);
  }
}
ad-nav nav {
  padding: 1rem 1.25rem 1rem 0;
}