@utility ui-menu {
  :where(&) {
    @apply border-gray-200 flex items-baseline border-b pb-3 overflow-x-auto no-scrollbar space-x-1 mt-8;
  }
}

@utility ui-menu-tab {
  :where(&) {
    @apply rounded-lg whitespace-nowrap px-3 py-1.5 transition duration-300 ease-in-out;

    &.tab-active {
      @apply text-primary bg-gray-200;
    }

    &:not(.tab-active){
      @apply text-black;

      @variant hover {
        @apply rounded-lg bg-gray-200;
      }
    }
  }
}