.sdc{border-radius:20px;flex:1;align-items:center;gap:16px;min-width:0;padding:20px;display:flex}.sdc-green{--sdc-color:#73db67;--sdc-card-bg:#f5fbf4;background:#f0faefe6}.sdc-yellow{--sdc-color:#e5c61f;--sdc-card-bg:#fcfbf0;background:#fcfbede6}.sdc-red{--sdc-color:#ff6565;--sdc-card-bg:#fff6f6;background:#fff3f3e6}.sdc-ring{background:conic-gradient(var(--sdc-color)calc(var(--sdc-pct)*1%),#0000000d 0);border-radius:50%;flex-shrink:0;width:50px;height:50px;position:relative}.sdc-ring:after{content:"";background:var(--sdc-card-bg);border-radius:50%;position:absolute;inset:6px}.sdc-ring-label{color:var(--wh-text);z-index:1;justify-content:center;align-items:center;font-family:Open Sans,sans-serif;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.sdc-body{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.sdc-num{color:var(--sdc-color);font-family:Open Sans,sans-serif;font-size:45px;font-weight:800;line-height:1}.sdc-total{color:var(--wh-text-muted);font-family:Open Sans,sans-serif;font-size:16px;font-weight:400}.sdc-label{color:var(--wh-text);margin-left:8px;font-family:Open Sans,sans-serif;font-size:17px;font-weight:400}