.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}.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%}