export declare const container = "absolute top-2.5 left-2 flex gap-x-3 z-10";
export declare const item = "\n  group rounded-full h-10 min-w-10 max-w-10 w-10 px-3 whitespace-nowrap text-base-white\n  flex gap-0 items-center justify-center font-medium overflow-hidden -outline-offset-2\n  shadow-4sm\n\n  transition-none\n\n  bg-[var(--background)]\n  hover:bg-[var(--fill)]\n  data-[is-active=true]:bg-[var(--fill)]\n  data-[is-active=true]:max-w-full\n  data-[is-active=true]:w-full\n  data-[is-active=true]:gap-2\n  data-[is-active=true]:transition-all\n";
export declare const icon = "\n  transition-colors w-5 h-5 flex-shrink-0\n\n  fill-[var(--fill)]\n  group-hover:fill-base-white\n  group-data-[is-active=true]:fill-base-white\n";
export declare const title = "\n  text-sm\n  transition-all max-w-0 translate-x-16\n\n  group-data-[is-active=true]:max-w-none\n  group-data-[is-active=true]:translate-x-0\n";
//# sourceMappingURL=styles.d.ts.map