export const container = `
  flex flex-col flex-1
`;
export const noDataElement = `
  bg-ll-surface px-3 pt-4 pb-3 rounded-sm box-border
`;
export const spinner = `
  flex justify-center items-center 
  px-3 pt-4 pb-3 height-[40px]
`;
export const graphLayoutWrapper = `
  flex flex-col justify-start gap-3
  md:justify-between md:flex-row
  h-full
`;
export const graphSideBySide = `
  flex justify-between gap-3 flex-row min-w-[250px]
  md:flex-col
`;
export const graphContainer = `
  w-full md:h-full
  data-[size=quarter]:h-[25%] md:data-[size=quarter]:h-full
  data-[size=half]:h-[50%] md:data-[size=half]:h-full
`;
export const donutChartIcon = `text-ll-primary w-2/4 h-2/4`;
//# sourceMappingURL=styles.js.map