export const container = `rounded border border-ll-border bg-background group overflow-hidden mb-1 last:mb-0 group`;
export const header = `flex items-center justify-between data-[expandable=true]:cursor-pointer data-[expandable=true]:hover:bg-ll-surface transition-colors py-1.5 px-3`;
export const expandToggleIcon = `h-2.5 w-2.5 mr-2 data-[is-active=true]:rotate-180 transition-transform duration-50 ease-in-out`;
export const titleContainer = `flex items-center justify-between grow font-medium`;
export const scoreIcon = `flex h-4 w-4 mr-2`;
export const scoreTitle = `grow mr-2 w-20 truncate text-ellipsis overflow-hidden text-xs`;
export const scoreValue = `bg-ll-placeholder text-ll-background py-1 px-2.5 text-xs rounded w-10 text-center group-data-[active=true]:bg-ll-primary transition-colors`;
export const description = `py-1.5 px-3 ml-5 text-xs font-normal`;
//# sourceMappingURL=styles.js.map