.UsageBasedBillingFeatureGraphic__card{width:420px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:22px auto 158px;grid-template-areas:"title title" "subSection1 subSection2" "graph graph";background-color:#fff;padding:21px 24px}.UsageBasedBillingFeatureGraphic__title{grid-area:title;font-family:var(--fontFamily);font-weight:var(--fontWeightBold);font-size:18px;line-height:21.43px;color:var(--titleColor)}.UsageBasedBillingFeatureGraphic__subSections{--subSectionTitleColor:#4f5b76;display:grid;grid-template-columns:subgrid;grid-area:subSection1;grid-column:span 2;grid-template-rows:0}.UsageBasedBillingFeatureGraphic__subSection{margin:9px 0}.UsageBasedBillingFeatureGraphic__subSection:first-child{grid-area:subSection1}.UsageBasedBillingFeatureGraphic__subSection:last-child{grid-area:subSection2;padding-left:14px;border-left:1px solid #e7ecf1}.UsageBasedBillingFeatureGraphic__graph{position:relative;grid-area:graph}.UsageBasedBillingFeatureGraphic__subSectionTitle{margin-bottom:4px;font-family:var(--fontFamily);font-weight:var(--fontWeightNormal);font-size:10px;line-height:11.9px;color:var(--subSectionTitleColor)}.UsageBasedBillingFeatureGraphic__subSectionCount{font-family:var(--fontFamily);font-weight:var(--fontWeightBold);font-size:15px;line-height:19.05px;color:var(--titleColor)}.UsageBasedBillingFeatureGraphic__graph{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:142px 20px}.UsageBasedBillingFeatureGraphic__graphBackgroundDividerLines{height:88px;width:100%;position:absolute;top:9px;display:flex;flex-direction:column;justify-content:space-between}.UsageBasedBillingFeatureGraphic__graphXDividerLine{width:100%;height:1px;background-color:#e7ecf1}.UsageBasedBillingFeatureGraphic__graphXAxis{display:grid;grid-template-columns:subgrid;grid-column:1/-1;grid-row:2;height:-moz-min-content;height:min-content;border-top:1px solid #abb5c5;list-style:none;padding:0;margin:0}.UsageBasedBillingFeatureGraphic__graphXAxisLabel{height:16px;font-family:var(--fontFamily);font-weight:var(--fontWeightNormal);font-size:10px;line-height:9.52px;letter-spacing:0;text-align:center;color:#4f5b76;position:relative;top:4px}.UsageBasedBillingFeatureGraphic__graphXAxisLabel:before{content:"";height:3px;width:1px;background-color:#727f96;position:absolute;top:-4px;left:50%;transform:translateX(-50%)}.UsageBasedBillingFeatureGraphic__graphBars{display:grid;grid-template-columns:subgrid;grid-column:1/-1;position:relative;margin-bottom:1px;z-index:1}.UsageBasedBillingFeatureGraphic__graphBar{background-color:#15be53;width:9.5px;align-self:end;justify-self:center;border-radius:1.5px 1.5px 0 0}.UsageBasedBillingFeatureGraphic__graphBar:nth-child(odd){height:104px}.UsageBasedBillingFeatureGraphic__graphBar:nth-child(2n){height:116px}