.chart-container{border:1px solid #d1d1d7;padding:16px;display:flex;flex-direction:column;border-radius:8px}.chart-container .chart-title{font-weight:500;font-size:14px;line-height:18px;letter-spacing:0px;color:#84848b;margin-bottom:20px}.angle-pie-char-text{position:absolute;transform:translateY(-10px);text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center}.angle-pie-char-value{display:flex;align-items:center;font-weight:700;font-size:42px;line-height:68px;text-align:center}.angle-pie-char-value div{margin-left:6px;margin-bottom:-6px}.angle-pie-char-title{font-weight:500;font-size:14px;line-height:18px;letter-spacing:0px;text-align:center;color:#84848b;white-space:nowrap}.inline-chart{width:calc(50% - 6px);margin-top:12px;border:1px solid #d1d1d7;border-radius:8px}.inline-chart-header{background-color:#eaeaed;height:40px;padding-left:12px;display:flex;align-items:center;border-bottom:1px solid #d1d1d7;border-radius:8px 8px 0 0;font-weight:500;font-size:14px;line-height:18px;letter-spacing:0}.inline-chart-body{padding:24px}.inline-chart-view{position:relative;width:100%;height:20px;margin-bottom:12px;display:flex;align-items:center}.inline-chart-view>div{height:100%;border:1px solid #f0f0f2;border-radius:4px}.inline-chart-tooltip{position:absolute;height:auto!important;top:-40px;transform:translate(-50%);pointer-events:none;transition:left .3s ease;margin:0;padding:10px;background-color:#fff;border:1px solid rgb(204,204,204)!important;border-radius:0!important;white-space:nowrap}.chart-group{width:calc(100% - 368px);margin-left:24px;display:flex;flex-wrap:wrap;justify-content:space-between}.chart-group-title{font-weight:500;font-size:18px;line-height:24px;letter-spacing:0px;margin-bottom:16px;width:100%}