export const tabsRoot = "flex flex-col gap-2.5";
export const tabsList =
  "w-fit relative backdrop-blur-lg bg-foreground/5 dark:bg-background/10 border border-foreground/10 rounded-2xl p-1 [&>div]:gap-1 [&>div]:flex";
export const tabsIndicator =
  "h-(--height) w-(--width) start-(--left) top-(--top) bg-background dark:bg-foreground/10 rounded-xl shadow-md absolute";
export const tabsTrigger =
  "z-5 relative h-9 px-5 opacity-80 cursor-pointer rounded-xl font-medium text-sm data-[selected]:opacity-100 data-[selected]:hover:bg-transparent hover:bg-foreground/5";
export const tabsContent = "";
