.menu-vertical {
  @apply flex-col;
  :where(li) {
    @apply flex-col;
  }
}

.menu-vertical > :where(li) > :where(ul) {
  top: initial;
  left: 100%;
}

.menu-horizontal {
  @apply inline-flex flex-row w-max;
  :where(li) {
    @apply flex-row;
  }
}

.menu-horizontal > :where(li) > :where(ul) {
  top: 100%;
  left: initial;
}
