export declare const container = "\n  group\n  data-[is-clickable]:hover:cursor-pointer\n";
export declare const imgContainer = "\n  relative rounded-t-lg\n  border border-solid border-gray-200 \n  duration-200\n  transition-colors\n  h-28 group-data-[is-featured=true]:h-60\n  group-data-[is-clickable=true]:group-hover:border-ll-primary\n";
export declare const image = "\n  object-center object-cover rounded-t-lg h-full w-full\n";
export declare const info = "\n  border border-solid border-gray-200\n  rounded-b-lg border-t-0\n  py-6 px-8\n  duration-200\n  transition-colors\n  group-data-[is-featured=false]:py-4\n  group-data-[is-clickable=true]:group-hover:border-ll-primary\n";
export declare const name = "\n  text-xl font-medium text-ll-on-surface my-0 \n  duration-200\n  transition-colors\n  group-data-[is-clickable=true]:group-hover:text-ll-primary\n  group-data-[is-featured=false]:text-center\n  group-data-[is-featured=true]:mb-2\n  group-data-[is-featured=false]:text-base\n";
export declare const summary = "text-md text-gray-500 m-0 line-clamp-3";
//# sourceMappingURL=styles.d.ts.map