.nw-brandnavcontainer-listcontainer {
  position: absolute;
  z-index: 2;
  top: 50px;
  left: 0;
  display: none;
  width: 100%;
  height: calc(100vh - 100% + 150px);
  font-weight: 700;
  will-change: transform;

  &.is-active {
    display: block;
    animation: brandNavAnimation 0.2s ease;
  }
}

@keyframes brandNavAnimation {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}