.bar-graph-field{margin-right:50px}.bar-graph{flex-direction:column;width:min-content;display:flex}.bar-graph .graph-layout{align-items:center;width:min-content;display:flex;position:relative}.bar-graph .graph-layout.with-x-axis{padding-bottom:28px}.bar-graph .graph-layout.with-x-axis .y-axis-title{padding-top:30px}.bar-graph .graph-layout.with-y-axis{padding-left:30px}.bar-graph .graph-layout.with-y-axis .x-axis-title{padding-left:32px}.bar-graph .y-axis-title,.bar-graph .x-axis-title{font-size:13px;font-weight:700}.bar-graph .x-axis-title{text-align:center;width:100%;position:absolute;bottom:0;left:0}.bar-graph .y-axis-title{text-align:center;writing-mode:vertical-lr;height:100%;position:absolute;top:0;left:0;transform:rotate(180deg)}.bar-graph .legende-container{justify-content:center;gap:15px;margin-top:15px;font-size:12px;display:flex}.bar-graph .legende-container .legende{align-items:center;gap:5px;display:flex}.bar-graph .legende-container .legende .color-box-observed,.bar-graph .legende-container .legende .color-box-reference{width:15px;height:3px;display:block}.bar-graph .legende-container .legende .color-box-observed{background-color:#7aabff}.bar-graph .legende-container .legende .color-box-reference{background-color:#ff4743}
.radial-graph-field{margin-right:5rem}.radial-graph{flex-direction:column;align-items:center;display:flex;position:relative}.radial-graph .radial-center{flex-direction:column;align-items:center;font-size:32px;font-weight:700;line-height:normal;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radial-graph .percent{font-size:24px}.radial-graph .radial-label{font-size:18px}.radial-graph .graph{margin-bottom:16px;position:relative}.radial-graph .graph svg path[fill=\#353d44]{fill:#e8e8e8!important}
.progression-block{text-align:center;border:1px solid #e8e8e8;border-radius:4px;padding:2px 8px}
.donut-graph{flex-direction:column;align-items:center;display:flex}.donut-graph .graph-wrapper{justify-content:center;display:flex;position:relative}.donut-graph .graph-wrapper .center-label{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-graph .graph-wrapper .center-label .big-percent{font-size:24px;font-weight:700;line-height:1}.donut-graph .graph-wrapper .center-label .big-percent .percent{font-size:.75em}.donut-graph .graph-wrapper .center-label .label-text{margin-top:5px;font-size:16px}.donut-graph .evolution-text{text-align:center;border:1px solid;border-radius:4px;width:250px;margin-top:15px;padding:2px 4px;font-size:13px;font-weight:700;box-shadow:inset 0 0 5px #0000001a}.donut-graph svg>g foreignObject div strong{display:block}