export const title = `text-lg text-primary-300 font-bold`;
export const item = `flex gap-1 md:gap-2 items-center bg-white border border-neutral-150 rounded p-2`;
export const icon = `fill-primary-100`;
export const card = `
  border border-neutral-150 rounded p-4 md:p-6 basis-1/3
  data-[size=full]:grow group/size-full
`;
export const items = `
  flex flex-wrap gap-3 mt-4 md:mt-8 flex-row
  group-data-[size=full]/size-full:flex-col
`;
export const name = `
  text-xs md:text-sm font-medium text-neutral-500
  group-data-[size=full]/size-full:text-primary-100
`;
export const description = `text-xs md:text-sm font-medium text-neutral-400 ml-1`;
//# sourceMappingURL=styles.js.map