menu-level-container.scss

.hy-menu-level-container {
  &.hy-menu--mobile {
    background-color: var(--grayscale-white);
    display: block;
    height: 100%;
    left: 0;
    margin: 0 -3px;
    padding: 0 3px;
    position: absolute;
    top: 0;
    transform: translateX(100%);
    transition: 0.3s;
    visibility: hidden !important;
    width: 100%;

    &.is-open {
      transform: translateX(0);
      visibility: visible !important;
    }
  }

  &.hy-menu--desktop {
    display: flex;
    flex-flow: row;
    width: 100%;

    .hy-menu-level-container {
      display: none;
    }
  }

}