/* Blue */
.blue_100 {
    background-color: #dbeafe !important;
    color: #1e40af !important;
}
.blue_100 > rect {
    fill: #bfdbfe !important;
}
.blue_100 > g > foreignObject > div > span {
    color: #1e40af !important;
}
.blue_200 {
    background-color: #bfdbfe !important;
    color: #1e40af !important;
}
.blue_200 > rect {
    fill: #93c5fd !important;
}
.blue_200 > g > foreignObject > div > span {
    color: #1e40af !important;
}
.blue_300 {
    background-color: #93c5fd !important;
    color: #1e3a8a !important;
}
.blue_300 > rect {
    fill: #60a5fa !important;
}
.blue_300 > g > foreignObject > div > span {
    color: #1e3a8a !important;
}
.blue_400 {
    background-color: #60a5fa !important;
    color: #f8fafc !important;
}
.blue_400 > rect {
    fill: #3b82f6 !important;
}
.blue_400 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.blue_500 {
    background-color: #3b82f6 !important;
    color: #f8fafc !important;
}
.blue_500 > rect {
    fill: #2563eb !important;
}
.blue_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.blue_600 {
    background-color: #2563eb !important;
    color: #f8fafc !important;
}
.blue_600 > rect {
    fill: #1d4ed8 !important;
}
.blue_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.blue_700 {
    background-color: #1d4ed8 !important;
    color: #f8fafc !important;
}
.blue_700 > rect {
    fill: #1e40af !important;
}
.blue_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.blue_800 {
    background-color: #1e40af !important;
    color: #f8fafc !important;
}
.blue_800 > rect {
    fill: #1e3a8a !important;
}
.blue_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.blue_900 {
    background-color: #1e3a8a !important;
    color: #f8fafc !important;
}
.blue_900 > rect {
    fill: #1e3a8a !important;
}
.blue_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Indigo */
.indigo_100 {
    background-color: #e0e7ff !important;
    color: #3730a3 !important;
}
.indigo_100 > rect {
    fill: #c7d2fe !important;
}
.indigo_100 > g > foreignObject > div > span {
    color: #3730a3 !important;
}
.indigo_200 {
    background-color: #c7d2fe !important;
    color: #3730a3 !important;
}
.indigo_200 > rect {
    fill: #a5b4fc !important;
}
.indigo_200 > g > foreignObject > div > span {
    color: #3730a3 !important;
}
.indigo_300 {
    background-color: #a5b4fc !important;
    color: #312e81 !important;
}
.indigo_300 > rect {
    fill: #818cf8 !important;
}
.indigo_300 > g > foreignObject > div > span {
    color: #312e81 !important;
}
.indigo_400 {
    background-color: #818cf8 !important;
    color: #f8fafc !important;
}
.indigo_400 > rect {
    fill: #6366f1 !important;
}
.indigo_400 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.indigo_500 {
    background-color: #6366f1 !important;
    color: #f8fafc !important;
}
.indigo_500 > rect {
    fill: #4f46e5 !important;
}
.indigo_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.indigo_600 {
    background-color: #4f46e5 !important;
    color: #f8fafc !important;
}
.indigo_600 > rect {
    fill: #4338ca !important;
}
.indigo_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.indigo_700 {
    background-color: #4338ca !important;
    color: #f8fafc !important;
}
.indigo_700 > rect {
    fill: #3730a3 !important;
}
.indigo_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.indigo_800 {
    background-color: #3730a3 !important;
    color: #f8fafc !important;
}
.indigo_800 > rect {
    fill: #312e81 !important;
}
.indigo_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.indigo_900 {
    background-color: #312e81 !important;
    color: #f8fafc !important;
}
.indigo_900 > rect {
    fill: #312e81 !important;
}
.indigo_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Sky */
.sky_100 {
    background-color: #e0f2fe !important;
    color: #075985 !important;
}
.sky_100 > rect {
    fill: #bae6fd !important;
}
.sky_100 > g > foreignObject > div > span {
    color: #075985 !important;
}
.sky_200 {
    background-color: #bae6fd !important;
    color: #075985 !important;
}
.sky_200 > rect {
    fill: #7dd3fc !important;
}
.sky_200 > g > foreignObject > div > span {
    color: #075985 !important;
}
.sky_300 {
    background-color: #7dd3fc !important;
    color: #0c4a6e !important;
}
.sky_300 > rect {
    fill: #38bdf8 !important;
}
.sky_300 > g > foreignObject > div > span {
    color: #0c4a6e !important;
}
.sky_400 {
    background-color: #38bdf8 !important;
    color: #0c4a6e !important;
}
.sky_400 > rect {
    fill: #0ea5e9 !important;
}
.sky_400 > g > foreignObject > div > span {
    color: #0c4a6e !important;
}
.sky_500 {
    background-color: #0ea5e9 !important;
    color: #f8fafc !important;
}
.sky_500 > rect {
    fill: #0284c7 !important;
}
.sky_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.sky_600 {
    background-color: #0284c7 !important;
    color: #f8fafc !important;
}
.sky_600 > rect {
    fill: #0369a1 !important;
}
.sky_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.sky_700 {
    background-color: #0369a1 !important;
    color: #f8fafc !important;
}
.sky_700 > rect {
    fill: #075985 !important;
}
.sky_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.sky_800 {
    background-color: #075985 !important;
    color: #f8fafc !important;
}
.sky_800 > rect {
    fill: #0c4a6e !important;
}
.sky_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.sky_900 {
    background-color: #0c4a6e !important;
    color: #f8fafc !important;
}
.sky_900 > rect {
    fill: #0c4a6e !important;
}
.sky_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Cyan */
.cyan_100 {
    background-color: #cffafe !important;
    color: #155e75 !important;
}
.cyan_100 > rect {
    fill: #a5f3fc !important;
}
.cyan_100 > g > foreignObject > div > span {
    color: #155e75 !important;
}
.cyan_200 {
    background-color: #a5f3fc !important;
    color: #155e75 !important;
}
.cyan_200 > rect {
    fill: #67e8f9 !important;
}
.cyan_200 > g > foreignObject > div > span {
    color: #155e75 !important;
}
.cyan_300 {
    background-color: #67e8f9 !important;
    color: #164e63 !important;
}
.cyan_300 > rect {
    fill: #22d3ee !important;
}
.cyan_300 > g > foreignObject > div > span {
    color: #164e63 !important;
}
.cyan_400 {
    background-color: #22d3ee !important;
    color: #164e63 !important;
}
.cyan_400 > rect {
    fill: #06b6d4 !important;
}
.cyan_400 > g > foreignObject > div > span {
    color: #164e63 !important;
}
.cyan_500 {
    background-color: #06b6d4 !important;
    color: #f8fafc !important;
}
.cyan_500 > rect {
    fill: #0891b2 !important;
}
.cyan_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.cyan_600 {
    background-color: #0891b2 !important;
    color: #f8fafc !important;
}
.cyan_600 > rect {
    fill: #0e7490 !important;
}
.cyan_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.cyan_700 {
    background-color: #0e7490 !important;
    color: #f8fafc !important;
}
.cyan_700 > rect {
    fill: #155e75 !important;
}
.cyan_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.cyan_800 {
    background-color: #155e75 !important;
    color: #f8fafc !important;
}
.cyan_800 > rect {
    fill: #164e63 !important;
}
.cyan_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.cyan_900 {
    background-color: #164e63 !important;
    color: #f8fafc !important;
}
.cyan_900 > rect {
    fill: #164e63 !important;
}
.cyan_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Purple */
.purple_100 {
    background-color: #f3e8ff !important;
    color: #6b21a8 !important;
}
.purple_100 > rect {
    fill: #e9d5ff !important;
}
.purple_100 > g > foreignObject > div > span {
    color: #6b21a8 !important;
}
.purple_200 {
    background-color: #e9d5ff !important;
    color: #6b21a8 !important;
}
.purple_200 > rect {
    fill: #d8b4fe !important;
}
.purple_200 > g > foreignObject > div > span {
    color: #6b21a8 !important;
}
.purple_300 {
    background-color: #d8b4fe !important;
    color: #581c87 !important;
}
.purple_300 > rect {
    fill: #c084fc !important;
}
.purple_300 > g > foreignObject > div > span {
    color: #581c87 !important;
}
.purple_400 {
    background-color: #c084fc !important;
    color: #f8fafc !important;
}
.purple_400 > rect {
    fill: #a855f7 !important;
}
.purple_400 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.purple_500 {
    background-color: #a855f7 !important;
    color: #f8fafc !important;
}
.purple_500 > rect {
    fill: #9333ea !important;
}
.purple_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.purple_600 {
    background-color: #9333ea !important;
    color: #f8fafc !important;
}
.purple_600 > rect {
    fill: #7e22ce !important;
}
.purple_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.purple_700 {
    background-color: #7e22ce !important;
    color: #f8fafc !important;
}
.purple_700 > rect {
    fill: #6b21a8 !important;
}
.purple_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.purple_800 {
    background-color: #6b21a8 !important;
    color: #f8fafc !important;
}
.purple_800 > rect {
    fill: #581c87 !important;
}
.purple_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.purple_900 {
    background-color: #581c87 !important;
    color: #f8fafc !important;
}
.purple_900 > rect {
    fill: #581c87 !important;
}
.purple_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Violet */
.violet_100 {
    background-color: #ede9fe !important;
    color: #5b21b6 !important;
}
.violet_100 > rect {
    fill: #ddd6fe !important;
}
.violet_100 > g > foreignObject > div > span {
    color: #5b21b6 !important;
}
.violet_200 {
    background-color: #ddd6fe !important;
    color: #5b21b6 !important;
}
.violet_200 > rect {
    fill: #c4b5fd !important;
}
.violet_200 > g > foreignObject > div > span {
    color: #5b21b6 !important;
}
.violet_300 {
    background-color: #c4b5fd !important;
    color: #4c1d95 !important;
}
.violet_300 > rect {
    fill: #a78bfa !important;
}
.violet_300 > g > foreignObject > div > span {
    color: #4c1d95 !important;
}
.violet_400 {
    background-color: #a78bfa !important;
    color: #f8fafc !important;
}
.violet_400 > rect {
    fill: #8b5cf6 !important;
}
.violet_400 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.violet_500 {
    background-color: #8b5cf6 !important;
    color: #f8fafc !important;
}
.violet_500 > rect {
    fill: #7c3aed !important;
}
.violet_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.violet_600 {
    background-color: #7c3aed !important;
    color: #f8fafc !important;
}
.violet_600 > rect {
    fill: #6d28d9 !important;
}
.violet_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.violet_700 {
    background-color: #6d28d9 !important;
    color: #f8fafc !important;
}
.violet_700 > rect {
    fill: #5b21b6 !important;
}
.violet_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.violet_800 {
    background-color: #5b21b6 !important;
    color: #f8fafc !important;
}
.violet_800 > rect {
    fill: #4c1d95 !important;
}
.violet_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.violet_900 {
    background-color: #4c1d95 !important;
    color: #f8fafc !important;
}
.violet_900 > rect {
    fill: #4c1d95 !important;
}
.violet_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Lime */
.lime_100 {
    background-color: #ecfccb !important;
    color: #3f6212 !important;
}
.lime_100 > rect {
    fill: #d9f99d !important;
}
.lime_100 > g > foreignObject > div > span {
    color: #3f6212 !important;
}
.lime_200 {
    background-color: #d9f99d !important;
    color: #3f6212 !important;
}
.lime_200 > rect {
    fill: #bef264 !important;
}
.lime_200 > g > foreignObject > div > span {
    color: #3f6212 !important;
}
.lime_300 {
    background-color: #bef264 !important;
    color: #365314 !important;
}
.lime_300 > rect {
    fill: #a3e635 !important;
}
.lime_300 > g > foreignObject > div > span {
    color: #365314 !important;
}
.lime_400 {
    background-color: #a3e635 !important;
    color: #365314 !important;
}
.lime_400 > rect {
    fill: #84cc16 !important;
}
.lime_400 > g > foreignObject > div > span {
    color: #365314 !important;
}
.lime_500 {
    background-color: #84cc16 !important;
    color: #f8fafc !important;
}
.lime_500 > rect {
    fill: #65a30d !important;
}
.lime_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.lime_600 {
    background-color: #65a30d !important;
    color: #f8fafc !important;
}
.lime_600 > rect {
    fill: #4d7c0f !important;
}
.lime_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.lime_700 {
    background-color: #4d7c0f !important;
    color: #f8fafc !important;
}
.lime_700 > rect {
    fill: #3f6212 !important;
}
.lime_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.lime_800 {
    background-color: #3f6212 !important;
    color: #f8fafc !important;
}
.lime_800 > rect {
    fill: #365314 !important;
}
.lime_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.lime_900 {
    background-color: #365314 !important;
    color: #f8fafc !important;
}
.lime_900 > rect {
    fill: #365314 !important;
}
.lime_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Green */
.green_100 {
    background-color: #dcfce7 !important;
    color: #166534 !important;
}
.green_100 > rect {
    fill: #bbf7d0 !important;
}
.green_100 > g > foreignObject > div > span {
    color: #166534 !important;
}
.green_200 {
    background-color: #bbf7d0 !important;
    color: #166534 !important;
}
.green_200 > rect {
    fill: #86efac !important;
}
.green_200 > g > foreignObject > div > span {
    color: #166534 !important;
}
.green_300 {
    background-color: #86efac !important;
    color: #14532d !important;
}
.green_300 > rect {
    fill: #4ade80 !important;
}
.green_300 > g > foreignObject > div > span {
    color: #14532d !important;
}
.green_400 {
    background-color: #4ade80 !important;
    color: #14532d !important;
}
.green_400 > rect {
    fill: #22c55e !important;
}
.green_400 > g > foreignObject > div > span {
    color: #14532d !important;
}
.green_500 {
    background-color: #22c55e !important;
    color: #f8fafc !important;
}
.green_500 > rect {
    fill: #16a34a !important;
}
.green_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.green_600 {
    background-color: #16a34a !important;
    color: #f8fafc !important;
}
.green_600 > rect {
    fill: #15803d !important;
}
.green_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.green_700 {
    background-color: #15803d !important;
    color: #f8fafc !important;
}
.green_700 > rect {
    fill: #166534 !important;
}
.green_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.green_800 {
    background-color: #166534 !important;
    color: #f8fafc !important;
}
.green_800 > rect {
    fill: #14532d !important;
}
.green_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.green_900 {
    background-color: #14532d !important;
    color: #f8fafc !important;
}
.green_900 > rect {
    fill: #14532d !important;
}
.green_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Emerald */
.emrald_100 {
    background-color: #d1fae5 !important;
    color: #065f46 !important;
}
.emrald_100 > rect {
    fill: #a7f3d0 !important;
}
.emrald_100 > g > foreignObject > div > span {
    color: #065f46 !important;
}
.emrald_200 {
    background-color: #a7f3d0 !important;
    color: #065f46 !important;
}
.emrald_200 > rect {
    fill: #6ee7b7 !important;
}
.emrald_200 > g > foreignObject > div > span {
    color: #065f46 !important;
}
.emrald_300 {
    background-color: #6ee7b7 !important;
    color: #064e3b !important;
}
.emrald_300 > rect {
    fill: #34d399 !important;
}
.emrald_300 > g > foreignObject > div > span {
    color: #064e3b !important;
}
.emrald_400 {
    background-color: #34d399 !important;
    color: #064e3b !important;
}
.emrald_400 > rect {
    fill: #10b981 !important;
}
.emrald_400 > g > foreignObject > div > span {
    color: #064e3b !important;
}
.emrald_500 {
    background-color: #10b981 !important;
    color: #f8fafc !important;
}
.emrald_500 > rect {
    fill: #059669 !important;
}
.emrald_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.emrald_600 {
    background-color: #059669 !important;
    color: #f8fafc !important;
}
.emrald_600 > rect {
    fill: #047857 !important;
}
.emrald_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.emrald_700 {
    background-color: #047857 !important;
    color: #f8fafc !important;
}
.emrald_700 > rect {
    fill: #065f46 !important;
}
.emrald_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.emrald_800 {
    background-color: #065f46 !important;
    color: #f8fafc !important;
}
.emrald_800 > rect {
    fill: #064e3b !important;
}
.emrald_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.emrald_900 {
    background-color: #064e3b !important;
    color: #f8fafc !important;
}
.emrald_900 > rect {
    fill: #064e3b !important;
}
.emrald_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Teal */
.teal_100 {
    background-color: #ccfbf1 !important;
    color: #115e59 !important;
}
.teal_100 > rect {
    fill: #99f6e4 !important;
}
.teal_100 > g > foreignObject > div > span {
    color: #115e59 !important;
}
.teal_200 {
    background-color: #99f6e4 !important;
    color: #115e59 !important;
}
.teal_200 > rect {
    fill: #5eead4 !important;
}
.teal_200 > g > foreignObject > div > span {
    color: #115e59 !important;
}
.teal_300 {
    background-color: #5eead4 !important;
    color: #134e4a !important;
}
.teal_300 > rect {
    fill: #2dd4bf !important;
}
.teal_300 > g > foreignObject > div > span {
    color: #134e4a !important;
}
.teal_400 {
    background-color: #2dd4bf !important;
    color: #134e4a !important;
}
.teal_400 > rect {
    fill: #14b8a6 !important;
}
.teal_400 > g > foreignObject > div > span {
    color: #134e4a !important;
}
.teal_500 {
    background-color: #14b8a6 !important;
    color: #f8fafc !important;
}
.teal_500 > rect {
    fill: #0d9488 !important;
}
.teal_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.teal_600 {
    background-color: #0d9488 !important;
    color: #f8fafc !important;
}
.teal_600 > rect {
    fill: #0f766e !important;
}
.teal_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.teal_700 {
    background-color: #0f766e !important;
    color: #f8fafc !important;
}
.teal_700 > rect {
    fill: #115e59 !important;
}
.teal_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.teal_800 {
    background-color: #115e59 !important;
    color: #f8fafc !important;
}
.teal_800 > rect {
    fill: #134e4a !important;
}
.teal_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.teal_900 {
    background-color: #134e4a !important;
    color: #f8fafc !important;
}
.teal_900 > rect {
    fill: #134e4a !important;
}
.teal_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Red */
.red_100 {
    background-color: #fee2e2 !important;
    color: #991b1b !important;
}
.red_100 > rect {
    fill: #fecaca !important;
}
.red_100 > g > foreignObject > div > span {
    color: #991b1b !important;
}
.red_200 {
    background-color: #fecaca !important;
    color: #991b1b !important;
}
.red_200 > rect {
    fill: #fca5a5 !important;
}
.red_200 > g > foreignObject > div > span {
    color: #991b1b !important;
}
.red_300 {
    background-color: #fca5a5 !important;
    color: #7f1d1d !important;
}
.red_300 > rect {
    fill: #f87171 !important;
}
.red_300 > g > foreignObject > div > span {
    color: #7f1d1d !important;
}
.red_400 {
    background-color: #f87171 !important;
    color: #f8fafc !important;
}
.red_400 > rect {
    fill: #ef4444 !important;
}
.red_400 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.red_500 {
    background-color: #ef4444 !important;
    color: #f8fafc !important;
}
.red_500 > rect {
    fill: #dc2626 !important;
}
.red_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.red_600 {
    background-color: #dc2626 !important;
    color: #f8fafc !important;
}
.red_600 > rect {
    fill: #b91c1c !important;
}
.red_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.red_700 {
    background-color: #b91c1c !important;
    color: #f8fafc !important;
}
.red_700 > rect {
    fill: #991b1b !important;
}
.red_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.red_800 {
    background-color: #991b1b !important;
    color: #f8fafc !important;
}
.red_800 > rect {
    fill: #7f1d1d !important;
}
.red_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.red_900 {
    background-color: #7f1d1d !important;
    color: #f8fafc !important;
}
.red_900 > rect {
    fill: #7f1d1d !important;
}
.red_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Orange */
.orange_100 {
    background-color: #ffedd5 !important;
    color: #9a3412 !important;
}
.orange_100 > rect {
    fill: #fed7aa !important;
}
.orange_100 > g > foreignObject > div > span {
    color: #9a3412 !important;
}
.orange_200 {
    background-color: #fed7aa !important;
    color: #9a3412 !important;
}
.orange_200 > rect {
    fill: #fdba74 !important;
}
.orange_200 > g > foreignObject > div > span {
    color: #9a3412 !important;
}
.orange_300 {
    background-color: #fdba74 !important;
    color: #7c2d12 !important;
}
.orange_300 > rect {
    fill: #fb923c !important;
}
.orange_300 > g > foreignObject > div > span {
    color: #7c2d12 !important;
}
.orange_400 {
    background-color: #fb923c !important;
    color: #7c2d12 !important;
}
.orange_400 > rect {
    fill: #f97316 !important;
}
.orange_400 > g > foreignObject > div > span {
    color: #7c2d12 !important;
}
.orange_500 {
    background-color: #f97316 !important;
    color: #f8fafc !important;
}
.orange_500 > rect {
    fill: #ea580c !important;
}
.orange_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.orange_600 {
    background-color: #ea580c !important;
    color: #f8fafc !important;
}
.orange_600 > rect {
    fill: #c2410c !important;
}
.orange_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.orange_700 {
    background-color: #c2410c !important;
    color: #f8fafc !important;
}
.orange_700 > rect {
    fill: #9a3412 !important;
}
.orange_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.orange_800 {
    background-color: #9a3412 !important;
    color: #f8fafc !important;
}
.orange_800 > rect {
    fill: #7c2d12 !important;
}
.orange_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.orange_900 {
    background-color: #7c2d12 !important;
    color: #f8fafc !important;
}
.orange_900 > rect {
    fill: #7c2d12 !important;
}
.orange_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Amber */
.amber_100 {
    background-color: #fef3c7 !important;
    color: #92400e !important;
}
.amber_100 > rect {
    fill: #fde68a !important;
}
.amber_100 > g > foreignObject > div > span {
    color: #92400e !important;
}
.amber_200 {
    background-color: #fde68a !important;
    color: #92400e !important;
}
.amber_200 > rect {
    fill: #fcd34d !important;
}
.amber_200 > g > foreignObject > div > span {
    color: #92400e !important;
}
.amber_300 {
    background-color: #fcd34d !important;
    color: #78350f !important;
}
.amber_300 > rect {
    fill: #fbbf24 !important;
}
.amber_300 > g > foreignObject > div > span {
    color: #78350f !important;
}
.amber_400 {
    background-color: #fbbf24 !important;
    color: #78350f !important;
}
.amber_400 > rect {
    fill: #f59e0b !important;
}
.amber_400 > g > foreignObject > div > span {
    color: #78350f !important;
}
.amber_500 {
    background-color: #f59e0b !important;
    color: #f8fafc !important;
}
.amber_500 > rect {
    fill: #d97706 !important;
}
.amber_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.amber_600 {
    background-color: #d97706 !important;
    color: #f8fafc !important;
}
.amber_600 > rect {
    fill: #b45309 !important;
}
.amber_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.amber_700 {
    background-color: #b45309 !important;
    color: #f8fafc !important;
}
.amber_700 > rect {
    fill: #92400e !important;
}
.amber_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.amber_800 {
    background-color: #92400e !important;
    color: #f8fafc !important;
}
.amber_800 > rect {
    fill: #78350f !important;
}
.amber_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.amber_900 {
    background-color: #78350f !important;
    color: #f8fafc !important;
}
.amber_900 > rect {
    fill: #78350f !important;
}
.amber_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Slate */
.slate_100 {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
}
.slate_100 > rect {
    fill: #e2e8f0 !important;
}
.slate_100 > g > foreignObject > div > span {
    color: #334155 !important;
}
.slate_200 {
    background-color: #e2e8f0 !important;
    color: #334155 !important;
}
.slate_200 > rect {
    fill: #cbd5e1 !important;
}
.slate_200 > g > foreignObject > div > span {
    color: #334155 !important;
}
.slate_300 {
    background-color: #cbd5e1 !important;
    color: #1e293b !important;
}
.slate_300 > rect {
    fill: #94a3b8 !important;
}
.slate_300 > g > foreignObject > div > span {
    color: #1e293b !important;
}
.slate_400 {
    background-color: #94a3b8 !important;
    color: #f8fafc !important;
}
.slate_400 > rect {
    fill: #64748b !important;
}
.slate_400 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.slate_500 {
    background-color: #64748b !important;
    color: #f8fafc !important;
}
.slate_500 > rect {
    fill: #475569 !important;
}
.slate_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.slate_600 {
    background-color: #475569 !important;
    color: #f8fafc !important;
}
.slate_600 > rect {
    fill: #334155 !important;
}
.slate_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.slate_700 {
    background-color: #334155 !important;
    color: #f8fafc !important;
}
.slate_700 > rect {
    fill: #1e293b !important;
}
.slate_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.slate_800 {
    background-color: #1e293b !important;
    color: #f8fafc !important;
}
.slate_800 > rect {
    fill: #0f172a !important;
}
.slate_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.slate_900 {
    background-color: #0f172a !important;
    color: #f8fafc !important;
}
.slate_900 > rect {
    fill: #0f172a !important;
}
.slate_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* Stone */
.stone_200 {
    background-color: #e7e5e4 !important;
    color: #44403c !important;
}
.stone_200 > rect {
    fill: #d6d3d1 !important;
}
.stone_200 > g > foreignObject > div > span {
    color: #44403c !important;
}
.stone_300 {
    background-color: #d6d3d1 !important;
    color: #44403c !important;
}
.stone_300 > rect {
    fill: #a8a29e !important;
}
.stone_300 > g > foreignObject > div > span {
    color: #44403c !important;
}
.stone_400 {
    background-color: #a8a29e !important;
    color: #f8fafc !important;
}
.stone_400 > rect {
    fill: #78716c !important;
}
.stone_400 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.stone_500 {
    background-color: #78716c !important;
    color: #f8fafc !important;
}
.stone_500 > rect {
    fill: #57534e !important;
}
.stone_500 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.stone_600 {
    background-color: #57534e !important;
    color: #f8fafc !important;
}
.stone_600 > rect {
    fill: #44403c !important;
}
.stone_600 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.stone_700 {
    background-color: #44403c !important;
    color: #f8fafc !important;
}
.stone_700 > rect {
    fill: #292524 !important;
}
.stone_700 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.stone_800 {
    background-color: #292524 !important;
    color: #f8fafc !important;
}
.stone_800 > rect {
    fill: #1c1917 !important;
}
.stone_800 > g > foreignObject > div > span {
    color: #f8fafc !important;
}
.stone_900 {
    background-color: #1c1917 !important;
    color: #f8fafc !important;
}
.stone_900 > rect {
    fill: #1c1917 !important;
}
.stone_900 > g > foreignObject > div > span {
    color: #f8fafc !important;
}

/* ============================================
   DARK MODE OVERRIDES
   Uses .dark class on <html> element.
   Desaturated, muted text + dark tinted backgrounds
   ============================================ */

/* Blue - Dark Mode */
.dark .blue_100, .dark .blue_200 {
    background-color: #0c1a2e !important;
    color: #4a85b5 !important;
}
.dark .blue_100 > g > foreignObject > div > span,
.dark .blue_200 > g > foreignObject > div > span {
    color: #4a85b5 !important;
}
.dark .blue_100 > rect, .dark .blue_200 > rect {
    fill: #122240 !important;
}
.dark .blue_300 {
    background-color: #122240 !important;
    color: #6a9ec5 !important;
}
.dark .blue_300 > rect { fill: #172d52 !important; }
.dark .blue_300 > g > foreignObject > div > span { color: #6a9ec5 !important; }
.dark .blue_400 {
    background-color: #172d52 !important;
    color: #6a9ec5 !important;
}
.dark .blue_400 > rect { fill: #1e3a6e !important; }
.dark .blue_400 > g > foreignObject > div > span { color: #6a9ec5 !important; }
.dark .blue_500 {
    background-color: #1e3a8a !important;
    color: #6a9ec5 !important;
}
.dark .blue_500 > rect { fill: #1e40af !important; }
.dark .blue_500 > g > foreignObject > div > span { color: #6a9ec5 !important; }
.dark .blue_600 {
    background-color: #1e3a8a !important;
    color: #8ab5d2 !important;
}
.dark .blue_600 > rect { fill: #1e40af !important; }
.dark .blue_600 > g > foreignObject > div > span { color: #8ab5d2 !important; }

/* Indigo - Dark Mode */
.dark .indigo_100, .dark .indigo_200 {
    background-color: #110e2b !important;
    color: #6670b0 !important;
}
.dark .indigo_100 > g > foreignObject > div > span,
.dark .indigo_200 > g > foreignObject > div > span {
    color: #6670b0 !important;
}
.dark .indigo_100 > rect, .dark .indigo_200 > rect {
    fill: #1a1640 !important;
}
.dark .indigo_300 {
    background-color: #1a1640 !important;
    color: #8490c0 !important;
}
.dark .indigo_300 > rect { fill: #231e54 !important; }
.dark .indigo_300 > g > foreignObject > div > span { color: #8490c0 !important; }
.dark .indigo_400 {
    background-color: #231e54 !important;
    color: #8490c0 !important;
}
.dark .indigo_400 > rect { fill: #2d266e !important; }
.dark .indigo_400 > g > foreignObject > div > span { color: #8490c0 !important; }
.dark .indigo_500 {
    background-color: #312e81 !important;
    color: #8490c0 !important;
}
.dark .indigo_500 > rect { fill: #3730a3 !important; }
.dark .indigo_500 > g > foreignObject > div > span { color: #8490c0 !important; }
.dark .indigo_600 {
    background-color: #312e81 !important;
    color: #a0a8cc !important;
}
.dark .indigo_600 > rect { fill: #3730a3 !important; }
.dark .indigo_600 > g > foreignObject > div > span { color: #a0a8cc !important; }

/* Sky - Dark Mode */
.dark .sky_100, .dark .sky_200 {
    background-color: #082030 !important;
    color: #3895b2 !important;
}
.dark .sky_100 > g > foreignObject > div > span,
.dark .sky_200 > g > foreignObject > div > span {
    color: #3895b2 !important;
}
.dark .sky_100 > rect, .dark .sky_200 > rect {
    fill: #0b2a40 !important;
}
.dark .sky_300 {
    background-color: #0b2a40 !important;
    color: #5cacc2 !important;
}
.dark .sky_300 > rect { fill: #0e3650 !important; }
.dark .sky_300 > g > foreignObject > div > span { color: #5cacc2 !important; }
.dark .sky_400 {
    background-color: #0e3650 !important;
    color: #5cacc2 !important;
}
.dark .sky_400 > rect { fill: #0c4a6e !important; }
.dark .sky_400 > g > foreignObject > div > span { color: #5cacc2 !important; }
.dark .sky_500 {
    background-color: #0c4a6e !important;
    color: #5cacc2 !important;
}
.dark .sky_500 > rect { fill: #075985 !important; }
.dark .sky_500 > g > foreignObject > div > span { color: #5cacc2 !important; }
.dark .sky_600 {
    background-color: #0c4a6e !important;
    color: #82c0cc !important;
}
.dark .sky_600 > rect { fill: #075985 !important; }
.dark .sky_600 > g > foreignObject > div > span { color: #82c0cc !important; }

/* Cyan - Dark Mode */
.dark .cyan_100, .dark .cyan_200 {
    background-color: #081e24 !important;
    color: #28a0ad !important;
}
.dark .cyan_100 > g > foreignObject > div > span,
.dark .cyan_200 > g > foreignObject > div > span {
    color: #28a0ad !important;
}
.dark .cyan_100 > rect, .dark .cyan_200 > rect {
    fill: #0c2a33 !important;
}
.dark .cyan_300 {
    background-color: #0c2a33 !important;
    color: #4ab5be !important;
}
.dark .cyan_300 > rect { fill: #103845 !important; }
.dark .cyan_300 > g > foreignObject > div > span { color: #4ab5be !important; }
.dark .cyan_400 {
    background-color: #103845 !important;
    color: #4ab5be !important;
}
.dark .cyan_400 > rect { fill: #164e63 !important; }
.dark .cyan_400 > g > foreignObject > div > span { color: #4ab5be !important; }
.dark .cyan_500 {
    background-color: #164e63 !important;
    color: #4ab5be !important;
}
.dark .cyan_500 > rect { fill: #155e75 !important; }
.dark .cyan_500 > g > foreignObject > div > span { color: #4ab5be !important; }
.dark .cyan_600 {
    background-color: #164e63 !important;
    color: #72c8cc !important;
}
.dark .cyan_600 > rect { fill: #155e75 !important; }
.dark .cyan_600 > g > foreignObject > div > span { color: #72c8cc !important; }

/* Purple - Dark Mode */
.dark .purple_100, .dark .purple_200 {
    background-color: #1a0d30 !important;
    color: #9068b0 !important;
}
.dark .purple_100 > g > foreignObject > div > span,
.dark .purple_200 > g > foreignObject > div > span {
    color: #9068b0 !important;
}
.dark .purple_100 > rect, .dark .purple_200 > rect {
    fill: #241445 !important;
}
.dark .purple_300 {
    background-color: #241445 !important;
    color: #a888c0 !important;
}
.dark .purple_300 > rect { fill: #2e1a5a !important; }
.dark .purple_300 > g > foreignObject > div > span { color: #a888c0 !important; }
.dark .purple_400 {
    background-color: #2e1a5a !important;
    color: #a888c0 !important;
}
.dark .purple_400 > rect { fill: #3d2175 !important; }
.dark .purple_400 > g > foreignObject > div > span { color: #a888c0 !important; }
.dark .purple_500 {
    background-color: #581c87 !important;
    color: #a888c0 !important;
}
.dark .purple_500 > rect { fill: #6b21a8 !important; }
.dark .purple_500 > g > foreignObject > div > span { color: #a888c0 !important; }
.dark .purple_600 {
    background-color: #581c87 !important;
    color: #bca2cc !important;
}
.dark .purple_600 > rect { fill: #6b21a8 !important; }
.dark .purple_600 > g > foreignObject > div > span { color: #bca2cc !important; }

/* Violet - Dark Mode */
.dark .violet_100, .dark .violet_200 {
    background-color: #150d2e !important;
    color: #7e6eb0 !important;
}
.dark .violet_100 > g > foreignObject > div > span,
.dark .violet_200 > g > foreignObject > div > span {
    color: #7e6eb0 !important;
}
.dark .violet_100 > rect, .dark .violet_200 > rect {
    fill: #1e1445 !important;
}
.dark .violet_300 {
    background-color: #1e1445 !important;
    color: #988ec0 !important;
}
.dark .violet_300 > rect { fill: #271a5a !important; }
.dark .violet_300 > g > foreignObject > div > span { color: #988ec0 !important; }
.dark .violet_400 {
    background-color: #271a5a !important;
    color: #988ec0 !important;
}
.dark .violet_400 > rect { fill: #352175 !important; }
.dark .violet_400 > g > foreignObject > div > span { color: #988ec0 !important; }
.dark .violet_500 {
    background-color: #4c1d95 !important;
    color: #988ec0 !important;
}
.dark .violet_500 > rect { fill: #5b21b6 !important; }
.dark .violet_500 > g > foreignObject > div > span { color: #988ec0 !important; }
.dark .violet_600 {
    background-color: #4c1d95 !important;
    color: #aea6cc !important;
}
.dark .violet_600 > rect { fill: #5b21b6 !important; }
.dark .violet_600 > g > foreignObject > div > span { color: #aea6cc !important; }

/* Lime - Dark Mode */
.dark .lime_100, .dark .lime_200 {
    background-color: #121e08 !important;
    color: #7a9a32 !important;
}
.dark .lime_100 > g > foreignObject > div > span,
.dark .lime_200 > g > foreignObject > div > span {
    color: #7a9a32 !important;
}
.dark .lime_100 > rect, .dark .lime_200 > rect {
    fill: #1a2c0e !important;
}
.dark .lime_300 {
    background-color: #1a2c0e !important;
    color: #90ad48 !important;
}
.dark .lime_300 > rect { fill: #233a14 !important; }
.dark .lime_300 > g > foreignObject > div > span { color: #90ad48 !important; }
.dark .lime_400 {
    background-color: #233a14 !important;
    color: #90ad48 !important;
}
.dark .lime_400 > rect { fill: #365314 !important; }
.dark .lime_400 > g > foreignObject > div > span { color: #90ad48 !important; }
.dark .lime_500 {
    background-color: #365314 !important;
    color: #90ad48 !important;
}
.dark .lime_500 > rect { fill: #3f6212 !important; }
.dark .lime_500 > g > foreignObject > div > span { color: #90ad48 !important; }
.dark .lime_600 {
    background-color: #365314 !important;
    color: #a8c870 !important;
}
.dark .lime_600 > rect { fill: #3f6212 !important; }
.dark .lime_600 > g > foreignObject > div > span { color: #a8c870 !important; }

/* Green - Dark Mode */
.dark .green_100, .dark .green_200 {
    background-color: #091f12 !important;
    color: #3f9a63 !important;
}
.dark .green_100 > g > foreignObject > div > span,
.dark .green_200 > g > foreignObject > div > span {
    color: #3f9a63 !important;
}
.dark .green_100 > rect, .dark .green_200 > rect {
    fill: #0f2d1a !important;
}
.dark .green_300 {
    background-color: #0f2d1a !important;
    color: #58ad7a !important;
}
.dark .green_300 > rect { fill: #143d22 !important; }
.dark .green_300 > g > foreignObject > div > span { color: #58ad7a !important; }
.dark .green_400 {
    background-color: #143d22 !important;
    color: #58ad7a !important;
}
.dark .green_400 > rect { fill: #14532d !important; }
.dark .green_400 > g > foreignObject > div > span { color: #58ad7a !important; }
.dark .green_500 {
    background-color: #14532d !important;
    color: #58ad7a !important;
}
.dark .green_500 > rect { fill: #166534 !important; }
.dark .green_500 > g > foreignObject > div > span { color: #58ad7a !important; }
.dark .green_600 {
    background-color: #14532d !important;
    color: #78c09a !important;
}
.dark .green_600 > rect { fill: #166534 !important; }
.dark .green_600 > g > foreignObject > div > span { color: #78c09a !important; }

/* Emerald - Dark Mode */
.dark .emrald_100, .dark .emrald_200 {
    background-color: #071f16 !important;
    color: #2e9470 !important;
}
.dark .emrald_100 > g > foreignObject > div > span,
.dark .emrald_200 > g > foreignObject > div > span {
    color: #2e9470 !important;
}
.dark .emrald_100 > rect, .dark .emrald_200 > rect {
    fill: #0c2e20 !important;
}
.dark .emrald_300 {
    background-color: #0c2e20 !important;
    color: #45a888 !important;
}
.dark .emrald_300 > rect { fill: #113d2c !important; }
.dark .emrald_300 > g > foreignObject > div > span { color: #45a888 !important; }
.dark .emrald_400 {
    background-color: #113d2c !important;
    color: #45a888 !important;
}
.dark .emrald_400 > rect { fill: #064e3b !important; }
.dark .emrald_400 > g > foreignObject > div > span { color: #45a888 !important; }
.dark .emrald_500 {
    background-color: #064e3b !important;
    color: #45a888 !important;
}
.dark .emrald_500 > rect { fill: #065f46 !important; }
.dark .emrald_500 > g > foreignObject > div > span { color: #45a888 !important; }
.dark .emrald_600 {
    background-color: #064e3b !important;
    color: #68bca0 !important;
}
.dark .emrald_600 > rect { fill: #065f46 !important; }
.dark .emrald_600 > g > foreignObject > div > span { color: #68bca0 !important; }

/* Teal - Dark Mode */
.dark .teal_100, .dark .teal_200 {
    background-color: #081e1b !important;
    color: #2a948a !important;
}
.dark .teal_100 > g > foreignObject > div > span,
.dark .teal_200 > g > foreignObject > div > span {
    color: #2a948a !important;
}
.dark .teal_100 > rect, .dark .teal_200 > rect {
    fill: #0c2d28 !important;
}
.dark .teal_300 {
    background-color: #0c2d28 !important;
    color: #42a8a0 !important;
}
.dark .teal_300 > rect { fill: #113d36 !important; }
.dark .teal_300 > g > foreignObject > div > span { color: #42a8a0 !important; }
.dark .teal_400 {
    background-color: #113d36 !important;
    color: #42a8a0 !important;
}
.dark .teal_400 > rect { fill: #134e4a !important; }
.dark .teal_400 > g > foreignObject > div > span { color: #42a8a0 !important; }
.dark .teal_500 {
    background-color: #134e4a !important;
    color: #42a8a0 !important;
}
.dark .teal_500 > rect { fill: #115e59 !important; }
.dark .teal_500 > g > foreignObject > div > span { color: #42a8a0 !important; }
.dark .teal_600 {
    background-color: #134e4a !important;
    color: #65bcb5 !important;
}
.dark .teal_600 > rect { fill: #115e59 !important; }
.dark .teal_600 > g > foreignObject > div > span { color: #65bcb5 !important; }

/* Red - Dark Mode */
.dark .red_100, .dark .red_200 {
    background-color: #2a0e0e !important;
    color: #b85858 !important;
}
.dark .red_100 > g > foreignObject > div > span,
.dark .red_200 > g > foreignObject > div > span {
    color: #b85858 !important;
}
.dark .red_100 > rect, .dark .red_200 > rect {
    fill: #3b1414 !important;
}
.dark .red_300 {
    background-color: #3b1414 !important;
    color: #c47878 !important;
}
.dark .red_300 > rect { fill: #4d1a1a !important; }
.dark .red_300 > g > foreignObject > div > span { color: #c47878 !important; }
.dark .red_400 {
    background-color: #4d1a1a !important;
    color: #c47878 !important;
}
.dark .red_400 > rect { fill: #7f1d1d !important; }
.dark .red_400 > g > foreignObject > div > span { color: #c47878 !important; }
.dark .red_500 {
    background-color: #7f1d1d !important;
    color: #c47878 !important;
}
.dark .red_500 > rect { fill: #991b1b !important; }
.dark .red_500 > g > foreignObject > div > span { color: #c47878 !important; }
.dark .red_600 {
    background-color: #7f1d1d !important;
    color: #cc9898 !important;
}
.dark .red_600 > rect { fill: #991b1b !important; }
.dark .red_600 > g > foreignObject > div > span { color: #cc9898 !important; }

/* Orange - Dark Mode */
.dark .orange_100, .dark .orange_200 {
    background-color: #2a1508 !important;
    color: #b87038 !important;
}
.dark .orange_100 > g > foreignObject > div > span,
.dark .orange_200 > g > foreignObject > div > span {
    color: #b87038 !important;
}
.dark .orange_100 > rect, .dark .orange_200 > rect {
    fill: #3b1e0c !important;
}
.dark .orange_300 {
    background-color: #3b1e0c !important;
    color: #c48e58 !important;
}
.dark .orange_300 > rect { fill: #4d2710 !important; }
.dark .orange_300 > g > foreignObject > div > span { color: #c48e58 !important; }
.dark .orange_400 {
    background-color: #4d2710 !important;
    color: #c48e58 !important;
}
.dark .orange_400 > rect { fill: #7c2d12 !important; }
.dark .orange_400 > g > foreignObject > div > span { color: #c48e58 !important; }
.dark .orange_500 {
    background-color: #7c2d12 !important;
    color: #c48e58 !important;
}
.dark .orange_500 > rect { fill: #9a3412 !important; }
.dark .orange_500 > g > foreignObject > div > span { color: #c48e58 !important; }
.dark .orange_600 {
    background-color: #7c2d12 !important;
    color: #cca878 !important;
}
.dark .orange_600 > rect { fill: #9a3412 !important; }
.dark .orange_600 > g > foreignObject > div > span { color: #cca878 !important; }

/* Amber - Dark Mode */
.dark .amber_100, .dark .amber_200 {
    background-color: #2a1a05 !important;
    color: #b89025 !important;
}
.dark .amber_100 > g > foreignObject > div > span,
.dark .amber_200 > g > foreignObject > div > span {
    color: #b89025 !important;
}
.dark .amber_100 > rect, .dark .amber_200 > rect {
    fill: #3b2508 !important;
}
.dark .amber_300 {
    background-color: #3b2508 !important;
    color: #c4a540 !important;
}
.dark .amber_300 > rect { fill: #4d310b !important; }
.dark .amber_300 > g > foreignObject > div > span { color: #c4a540 !important; }
.dark .amber_400 {
    background-color: #4d310b !important;
    color: #c4a540 !important;
}
.dark .amber_400 > rect { fill: #78350f !important; }
.dark .amber_400 > g > foreignObject > div > span { color: #c4a540 !important; }
.dark .amber_500 {
    background-color: #78350f !important;
    color: #c4a540 !important;
}
.dark .amber_500 > rect { fill: #92400e !important; }
.dark .amber_500 > g > foreignObject > div > span { color: #c4a540 !important; }
.dark .amber_600 {
    background-color: #78350f !important;
    color: #ccb860 !important;
}
.dark .amber_600 > rect { fill: #92400e !important; }
.dark .amber_600 > g > foreignObject > div > span { color: #ccb860 !important; }

/* Slate - Dark Mode */
.dark .slate_100, .dark .slate_200 {
    background-color: #1a1f2a !important;
    color: #788898 !important;
}
.dark .slate_100 > g > foreignObject > div > span,
.dark .slate_200 > g > foreignObject > div > span {
    color: #788898 !important;
}
.dark .slate_100 > rect, .dark .slate_200 > rect {
    fill: #222936 !important;
}
.dark .slate_300 {
    background-color: #222936 !important;
    color: #98a4b0 !important;
}
.dark .slate_300 > rect { fill: #2a3344 !important; }
.dark .slate_300 > g > foreignObject > div > span { color: #98a4b0 !important; }
.dark .slate_400 {
    background-color: #2a3344 !important;
    color: #98a4b0 !important;
}
.dark .slate_400 > rect { fill: #334155 !important; }
.dark .slate_400 > g > foreignObject > div > span { color: #98a4b0 !important; }
.dark .slate_500 {
    background-color: #334155 !important;
    color: #98a4b0 !important;
}
.dark .slate_500 > rect { fill: #475569 !important; }
.dark .slate_500 > g > foreignObject > div > span { color: #98a4b0 !important; }
.dark .slate_600 {
    background-color: #334155 !important;
    color: #b0b8c2 !important;
}
.dark .slate_600 > rect { fill: #475569 !important; }
.dark .slate_600 > g > foreignObject > div > span { color: #b0b8c2 !important; }

/* Stone - Dark Mode */
.dark .stone_200, .dark .stone_300 {
    background-color: #1f1e1c !important;
    color: #8a8580 !important;
}
.dark .stone_200 > g > foreignObject > div > span,
.dark .stone_300 > g > foreignObject > div > span {
    color: #8a8580 !important;
}
.dark .stone_200 > rect, .dark .stone_300 > rect {
    fill: #292725 !important;
}
.dark .stone_400 {
    background-color: #292725 !important;
    color: #a5a19e !important;
}
.dark .stone_400 > rect { fill: #3a3735 !important; }
.dark .stone_400 > g > foreignObject > div > span { color: #a5a19e !important; }
.dark .stone_500 {
    background-color: #3a3735 !important;
    color: #a5a19e !important;
}
.dark .stone_500 > rect { fill: #44403c !important; }
.dark .stone_500 > g > foreignObject > div > span { color: #a5a19e !important; }
.dark .stone_600 {
    background-color: #3a3735 !important;
    color: #b8b5b3 !important;
}
.dark .stone_600 > rect { fill: #44403c !important; }
.dark .stone_600 > g > foreignObject > div > span { color: #b8b5b3 !important; }