menu-level-container.scss

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

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

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

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