.donut-panel{margin-top:15px}.donut-layout{display:grid;grid-template-columns:190px minmax(200px,1fr) minmax(175px,.7fr);gap:26px;align-items:center}.donut{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;position:relative}.donut-hole{width:112px;height:112px;border-radius:50%;background:var(--panel);display:grid;place-content:center;text-align:center}.donut-hole b{font-size:17px}.donut-hole small{font-size:10px;color:var(--muted);margin-top:3px}.donut-choices{display:grid;gap:4px}.donut-choice{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;border:1px solid transparent;background:transparent;border-radius:7px;padding:8px;color:var(--text);font:600 12px Manrope;text-align:left;cursor:pointer}.donut-choice:hover,.donut-choice.selected{background:#2b2d32;border-color:#3b3e45}.donut-choice i{width:9px;height:9px;border-radius:50%}.donut-choice b{font-size:11px;color:var(--muted)}.spend-detail{padding:15px;border-left:1px solid var(--line);min-height:122px}.spend-detail h3{margin:3px 0 10px}.spend-detail strong{font-size:22px}.spend-detail p{color:var(--muted);font-size:11px;line-height:1.6;margin:8px 0}.detail-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--green)}@media(max-width:760px){.donut-layout{grid-template-columns:1fr;justify-items:center;gap:14px}.donut-choices{width:100%}.spend-detail{border-left:0;border-top:1px solid var(--line);width:100%}}