.RulePerformanceChartGraphic{width:405px;height:220px;position:relative}.RulePerformanceChartGraphic__card{padding:20px;width:100%;height:100%}.RulePerformanceChartGraphic__title{font:var(--fontWeightBold) 12px/1.25 var(--fontFamily)}.RulePerformanceChartGraphic__chart{margin:16px 0 10px}.RulePerformanceChartGraphic__chartImage{width:100%;height:auto}.RulePerformanceChartGraphic__legend{display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 1fr;gap:6px}.RulePerformanceChartGraphic__legendItem{font:var(--fontWeightNormal) 10px/1.2 var(--fontFamily);display:flex;align-items:center}.RulePerformanceChartGraphic__legendIcon{margin-right:6px}.RulePerformanceChartGraphic__popout{position:absolute;border-radius:2px;top:-30px;right:-60px;width:196px;background:#fff;box-shadow:var(--cardShadowMedium)}@media (max-width:599px){.RulePerformanceChartGraphic__popout{display:none}}.RulePerformanceChartGraphic__popout:before{content:"";width:0;height:0;position:absolute;border-color:#fff transparent transparent;border-style:solid;border-width:6px 6px 0;left:56px;bottom:-6px}.RulePerformanceChartGraphic__popoutHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f5f9fb;padding:6px 14px;font:var(--fontWeightBold) 10px/1.2 var(--fontFamily)}.RulePerformanceChartGraphic__popoutHeader .RulePerformanceChartGraphic__legendItem{gap:2px}.RulePerformanceChartGraphic__popoutLegend{padding:6px 14px 10px;display:grid;grid-template-rows:repeat(4,1fr);gap:6px}.RulePerformanceChartGraphic__legendNumber{margin-left:auto}