// List item has 3 unique layouts managed through container queries:
// * width <= cq-min
// * cq-min < width <= cq-max
// * width > cq-max
//
// ⚠️ These values must be kept in sync with:
// `packages/components/src/listItem/constants.ts`
//
// @see https://storybook.wise.design/?path=/story/content-listitem--responsiveness
@wds-list-item-cq-min: 240px;
@wds-list-item-cq-max: 308px;