:root{--donut-border: solid 1px #f8fafc;--sm-progress-font-size: 1.5em;--md-progress-font-size: 2em;--lg-progress-font-size: 2.5em}.simply-donut,.simply-pie,.simply-circle-progress-bar{width:100%;height:100%;position:relative;border-radius:50%;border:var(--donut-border);box-shadow:0 2px 8px 5px #63636333}.simply-donut:before,.simply-circle-progress-bar:before{content:"";position:absolute;inset:var(--inset-size);background-color:var(--inset-color);border-radius:50%;border:var(--donut-border)}.display-score.simply-circle-progress-bar:after{content:attr(data-progress) " %";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;text-wrap:nowrap;font-family:Roboto,sans-serif}.display-score.simply-circle-progress-bar.sm-progress:after{font-size:var(--sm-progress-font-size)}.display-score.simply-circle-progress-bar.md-progress:after{font-size:var(--md-progress-font-size)}.display-score.simply-circle-progress-bar.lg-progress:after{font-size:var(--lg-progress-font-size)}:root{--sm-chart: 150px;--md-chart: 200px;--lg-chart: 250px}section.chart-wrapper{position:relative;width:100%;height:100%}section.chart-wrapper.sm-chart{width:var(--sm-chart);height:var(--sm-chart)}section.chart-wrapper.md-chart{width:var(--md-chart);height:var(--md-chart)}section.chart-wrapper.lg-chart{width:var(--lg-chart);height:var(--lg-chart)}.simply-legend-list{height:100%;list-style-type:none;display:flex;flex-direction:column;justify-content:space-between}.simply-legend-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.simply-legend-name-wrapper{display:flex;flex-direction:row;align-items:center;gap:10px}.simply-legend-name-wrapper .simply-legend-color-indicator{display:inline-block;min-width:15px;min-height:15px;border-radius:50%}