:root {
    --heatmap-0: #f7fcf0;
    --heatmap-1: #e5f5df;
    --heatmap-2: #d4eece;
    --heatmap-3: #bde5bf;
    --heatmap-4: #9fd9bb;
    --heatmap-5: #7bcbc4;
    --heatmap-6: #58b7cd;
    --heatmap-7: #399cc6;
    --heatmap-8: #1e7eb7;
    --heatmap-9: #0b60a1;
}

.heatmap-0 {
    background-color: var(--heatmap-0)!important;
}

.heatmap-1 {
    background-color: var(--heatmap-1)!important;
}

.heatmap-2 {
    background-color: var(--heatmap-2)!important;
}

.heatmap-3 {
    background-color: var(--heatmap-3)!important;
}

.heatmap-4 {
    background-color: var(--heatmap-4)!important;
    color: white!important;
}

.heatmap-5 {
    background-color: var(--heatmap-5)!important;
}

.heatmap-6 {
    background-color: var(--heatmap-6)!important;
    color: white!important;
}

.heatmap-7 {
    background-color: var(--heatmap-7)!important;
    color: white!important;
}

.heatmap-8 {
    background-color: var(--heatmap-8)!important;
    color: white!important;
}

.heatmap-9 {
    background-color: var(--heatmap-9) !important;
    color: white!important;
}