/* Shared Clean Firm Power color bands for country and map pills */

.energy-mix-teaser-item.is-clean-firm-red,
.clean-firm-pill.is-clean-firm-red {
  color: #b91c1c;
  background: #fef2f2;
  border-color: #fca5a5;
}

.energy-mix-teaser-item.is-clean-firm-red .energy-mix-teaser-label,
.clean-firm-pill.is-clean-firm-red .clean-firm-pill-label {
  color: #b91c1c;
}

.energy-mix-teaser-item.is-clean-firm-red .energy-mix-teaser-value,
.clean-firm-pill.is-clean-firm-red .clean-firm-pill-value {
  background: #fee2e2;
}

.energy-mix-teaser-item.is-clean-firm-orange,
.clean-firm-pill.is-clean-firm-orange {
  color: #c2410c;
  background: #fff7ed;
  border-color: #fdba74;
}

.energy-mix-teaser-item.is-clean-firm-orange .energy-mix-teaser-label,
.clean-firm-pill.is-clean-firm-orange .clean-firm-pill-label {
  color: #c2410c;
}

.energy-mix-teaser-item.is-clean-firm-orange .energy-mix-teaser-value,
.clean-firm-pill.is-clean-firm-orange .clean-firm-pill-value {
  background: #ffedd5;
}

.energy-mix-teaser-item.is-clean-firm-yellow,
.clean-firm-pill.is-clean-firm-yellow {
  color: #b45309;
  background: #fffbeb;
  border-color: #fcd34d;
}

.energy-mix-teaser-item.is-clean-firm-yellow .energy-mix-teaser-label,
.clean-firm-pill.is-clean-firm-yellow .clean-firm-pill-label {
  color: #b45309;
}

.energy-mix-teaser-item.is-clean-firm-yellow .energy-mix-teaser-value,
.clean-firm-pill.is-clean-firm-yellow .clean-firm-pill-value {
  background: #fef3c7;
}

.energy-mix-teaser-item.is-clean-firm-green,
.clean-firm-pill.is-clean-firm-green {
  color: #15803d;
  background: #f0fdf4;
  border-color: #86efac;
}

.energy-mix-teaser-item.is-clean-firm-green .energy-mix-teaser-label,
.clean-firm-pill.is-clean-firm-green .clean-firm-pill-label {
  color: #15803d;
}

.energy-mix-teaser-item.is-clean-firm-green .energy-mix-teaser-value,
.clean-firm-pill.is-clean-firm-green .clean-firm-pill-value {
  background: #dcfce7;
}

.energy-mix-teaser-item.is-clean-firm-darkgreen,
.clean-firm-pill.is-clean-firm-darkgreen {
  color: #047857;
  background: #ecfdf5;
  border-color: #34d399;
}

.energy-mix-teaser-item.is-clean-firm-darkgreen .energy-mix-teaser-label,
.clean-firm-pill.is-clean-firm-darkgreen .clean-firm-pill-label {
  color: #047857;
}

.energy-mix-teaser-item.is-clean-firm-darkgreen .energy-mix-teaser-value,
.clean-firm-pill.is-clean-firm-darkgreen .clean-firm-pill-value {
  background: #d1fae5;
}