.chart-type-picker{display:flex;justify-content:flex-end;gap:.35rem;margin:-.5rem 0 1.25rem}.chart-type-picker button{padding:.42rem .7rem;border:1px solid #d4dfd9;border-radius:2rem;background:#fff;color:#577066;font-size:.68rem;font-weight:750}.chart-type-picker button.active{border-color:#1f684f;background:#1f684f;color:#fff}.result-columns{display:flex;align-items:end;gap:.7rem;min-height:230px;padding:1rem 0}.result-columns>div{display:grid;grid-template-rows:auto 170px auto;flex:1;min-width:0;text-align:center}.result-columns strong{font-size:.78rem;color:#1d4b3a}.result-columns p{display:flex;align-items:end;justify-content:center;margin:.4rem 0;background:#f1f4f2;border-radius:.5rem .5rem 0 0;overflow:hidden}.result-columns i{display:block;width:70%;min-height:2px;background:linear-gradient(#a9d365,#25684f);border-radius:.35rem .35rem 0 0}.result-columns span{padding-top:.5rem;overflow:hidden;text-overflow:ellipsis;color:#586c63;font-size:.68rem}.result-donut-layout{display:grid;grid-template-columns:minmax(180px,260px) 1fr;align-items:center;gap:2rem}.result-donut{position:relative;aspect-ratio:1;border-radius:50%}.result-donut:after{content:"";position:absolute;inset:27%;border-radius:50%;background:#fff}.result-donut>span{position:absolute;inset:32%;z-index:1;display:grid;place-content:center;text-align:center}.result-donut strong{font-size:1.4rem;color:#21483a}.result-donut small{font-size:.62rem;color:#728078}.result-legend{display:grid;gap:.7rem;min-width:0}.result-legend>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.55rem;font-size:.76rem}.result-legend i{width:10px;height:10px;border-radius:50%}.result-legend strong{color:#21483a}.result-chart.compact .result-columns{min-height:175px}.result-chart.compact .result-columns>div{grid-template-rows:auto 120px auto}.result-chart.compact .result-donut-layout{grid-template-columns:minmax(105px,145px) minmax(0,1fr);gap:1rem}.result-chart.compact .result-legend>div{font-size:.66rem}@media(max-width:600px){.chart-type-picker{justify-content:flex-start;overflow-x:auto}.result-donut-layout{grid-template-columns:1fr}.result-donut{width:min(230px,80vw);margin:auto}.result-columns{gap:.35rem}.result-columns>div{grid-template-rows:auto 130px auto}.result-columns span{font-size:.58rem}}