.kpi-card-summary{background:#fff;border:1px solid #dde6ef;border-radius:16px;padding:22px;box-shadow:0 2px 5px rgba(15,23,42,.035)}
.kpi-card-summary__head{display:flex;align-items:center;justify-content:space-between;color:#91a2b7;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.kpi-card-summary__head :is(:is(i, iconify-icon), iconify-icon){display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:19px}.kpi-card-summary--green .kpi-card-summary__head :is(:is(i, iconify-icon), iconify-icon){background:#effcf4;color:#61CB89}.kpi-card-summary--blue .kpi-card-summary__head :is(:is(i, iconify-icon), iconify-icon){background:#eff6ff;color:#2563eb}.kpi-card-summary--amber .kpi-card-summary__head :is(:is(i, iconify-icon), iconify-icon){background:#fff8e6;color:#f59e0b}.kpi-card-summary--indigo .kpi-card-summary__head :is(:is(i, iconify-icon), iconify-icon){background:#eef2ff;color:#4f46e5}
.kpi-card-summary__value{font-size:28px;font-weight:850;margin:15px 0 8px;letter-spacing:-.02em}.kpi-card-summary--amber .kpi-card-summary__value{color:#d97706}.kpi-card-summary__value small{display:inline-block;font-size:11px;color:#1d4ed8;background:#eff6ff;border-radius:6px;padding:4px 7px;vertical-align:middle;margin-left:5px}.kpi-card-summary--amber .kpi-card-summary__value small{color:#b45309;background:#fff8e6}
.kpi-card-summary p{font-size:12px;color:#91a2b7;margin:0}
.kpi-card-summary__progress{height:6px;border-radius:999px;background:#edf2f7;overflow:hidden;margin:12px 0 7px}
.kpi-card-summary__progress span{display:block;height:100%;border-radius:inherit;background:#22b95f}