.container {
  display: none;
  background-color: #000;
  position: relative;
  z-index: 9999;
  
  @include min(laptop){
    @include flex-direction(row);
    @include flex-align(center, flex-start);
  }
}

.innerContainer {
  max-width: var(--main-container-max);
  height: var(--admin-bar-height, 7.2rem);
  margin: 0 auto;
  width: 100%;

  @include flex-align(center, space-between);
}

.menuList {
  @include flex-align(center, center);

  gap: 2.4rem;
  position: relative;

  > li:hover {
    cursor: pointer;
    position: relative;

    > div {
        @include flex-direction(row);
    }
  }
}

.checkbox {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;

  @include flex-direction(row);
  @include flex-align(center, center);

  gap: 1rem;
  padding-right: 2.5rem;
}