.results-metrics{background-color:var(--results-bg-color,#f2f5f7);padding:32px 20px}.results-metrics__inner{margin:0 auto;max-width:1120px}.results-metrics__list{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.results-metrics__item{flex:0 1 calc(33.33333% - 21.33333px);max-width:340px;min-width:0}.results-metrics__card{background:#fff;border-radius:20px;box-shadow:0 8px 24px rgba(15,23,42,.06);display:flex;flex-direction:column;height:100%;padding:32px 24px;text-align:center}.results-metrics__title{color:#1b263b;font-size:18px;font-weight:700;line-height:1.5;margin:0 0 24px}.results-metrics__body{align-items:center;display:flex;flex:1;justify-content:center}.results-metrics__score{align-items:baseline;color:#1b263b;display:flex;gap:6px;justify-content:center;transform:translateY(4px)}.results-metrics__score-value{font-size:72px;font-weight:800;letter-spacing:-.05em;line-height:1}.results-metrics__score-unit{font-size:26px;font-weight:700;line-height:1}.results-metrics__pie-content{display:grid;gap:12px;justify-items:center}.results-metrics__pie-wrap{display:flex;justify-content:center}.results-metrics__pie{background:conic-gradient(var(--pie-color-1) 0deg var(--pie-stop-1),var(--pie-color-2) var(--pie-stop-1) var(--pie-stop-2),var(--pie-color-3) var(--pie-stop-2) 1turn);border-radius:50%;height:150px;position:relative;width:150px}.results-metrics__pie:before{background:#fff;border-radius:50%;content:"";height:88px;width:88px}.results-metrics__pie-center,.results-metrics__pie:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.results-metrics__pie-center{color:#1b263b;font-size:13px;font-weight:700;line-height:1.35;pointer-events:none;text-align:center;width:78px;z-index:2}.results-metrics__pie-value{font-size:11px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-60px) rotate(calc(var(--angle)*-1));z-index:3}.results-metrics__pie-value--on-dark{color:#fff}.results-metrics__pie-value--on-light{color:#1b263b}.results-metrics__pie-labels{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;list-style:none;margin:0;padding:0}.results-metrics__pie-label{align-items:center;color:#1b263b;display:inline-flex;font-size:12px;font-weight:600;gap:6px;line-height:1.4;white-space:nowrap}.results-metrics__pie-label-color{border-radius:999px;flex:0 0 auto;height:9px;width:9px}.results-metrics__pie-label-text{min-width:0}@media (min-width:600px){.results-metrics__item{flex:0 1 calc(33.33333% - 21.33333px)}}@media (max-width:599px){.results-metrics{padding:48px 20px}.results-metrics__list{gap:24px}.results-metrics__item{flex:0 1 100%;max-width:380px}.results-metrics__card{padding:28px 20px}.results-metrics__title{font-size:17px;margin-bottom:20px}.results-metrics__score-value{font-size:64px}.results-metrics__score-unit{font-size:22px}.results-metrics__pie{height:148px;width:148px}.results-metrics__pie:before{height:86px;width:86px}.results-metrics__pie-center{font-size:12px;width:74px}.results-metrics__pie-value{font-size:10px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-58px) rotate(calc(var(--angle)*-1))}}