.csol-graph{--cl-grid-row-gap:1.5rem}.csol-graph.-single{--cl-grid-template-areas-phone:"chart1 chart1 chart1 chart1";--cl-grid-template-areas-tablet:". chart1 chart1 chart1 chart1 chart1 chart1 .";--cl-grid-template-areas-desktop:". . chart1 chart1 chart1 chart1 chart1 chart1 chart1 chart1 . ."}.csol-graph.-single.-has-rich-text{--cl-grid-template-areas-phone:"chart1   chart1   chart1   chart1  " "richtext richtext richtext richtext";--cl-grid-template-areas-tablet:"chart1 chart1 chart1 chart1 richtext richtext richtext richtext";--cl-grid-template-areas-desktop:". chart1 chart1 chart1 chart1 chart1 richtext richtext richtext richtext richtext ."}.csol-graph.-single.-has-rich-text.-left{--cl-grid-template-areas-tablet:"richtext richtext richtext richtext chart1 chart1 chart1 chart1";--cl-grid-template-areas-desktop:". richtext richtext richtext richtext richtext chart1 chart1 chart1 chart1 chart1 ."}.csol-graph.-multiple{--cl-grid-template-areas-phone:"chart1   chart1   chart1   chart1  " "chart2   chart2   chart2   chart2  " "richtext richtext richtext richtext";--cl-grid-template-areas-tablet:"chart1 chart1   chart1   chart1   chart2   chart2   chart2   chart2" "...... richtext richtext richtext richtext richtext richtext ......";--cl-grid-template-areas-desktop:"...... chart1 chart1   chart1   chart1   chart1   chart2   chart2   chart2   chart2   chart2 ......" "...... ...... richtext richtext richtext richtext richtext richtext richtext richtext ...... ......"}.csol-graph-chart:first-child{grid-area:chart1}.csol-graph-chart:nth-child(2){grid-area:chart2}.csol-graph-rich-text{grid-area:richtext}