.project-state{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:18px;min-height:236px}
.donut{width:132px;height:132px;border-radius:50%;background:conic-gradient(#1977ef 0 var(--rate),#28b8eb var(--rate) 150deg,#ffb21b 150deg 215deg,#7a61e9 215deg 270deg,#1ab981 270deg 345deg,#ef4452 345deg 360deg);position:relative;display:grid;place-items:center}
.donut:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#fff}
.donut strong,.donut small{position:absolute;z-index:1}.donut strong{font-size:24px;transform:translateY(-7px)}.donut small{font-size:9px;color:#79849a;transform:translateY(17px)}
.legend p{display:grid;grid-template-columns:10px 1fr 25px;gap:7px;margin:10px 0;font-size:11px}.legend p b{text-align:right}.dot{display:block;width:8px;height:8px;border-radius:50%;background:#1977ef;margin-top:3px}.dot.c1{background:#28b8eb}.dot.c2{background:#ffb21b}.dot.c3{background:#7a61e9}.dot.c4{background:#1ab981}.dot.c5{background:#ef4452}.red-text{color:#e23d4f}.score small{font-size:13px}.score p{font-size:11px;color:#0c9b70}.setting-card button{margin-top:7px}
@media(max-width:760px){.project-state{grid-template-columns:1fr}.donut{margin:auto}}