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

@utility ui-menu-tab {
  :where(&) {
    @apply border-b-2 whitespace-nowrap pb-3 pr-1;

    &.tab-active {
      @apply text-primary border-primary;
    }

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

      @variant hover {
        @apply border-muted;
      }
    }
  }
}