/* Component Scope Root */
.CityFactsTable {
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
}

.CityFactsTable .fact_row {
  display: flex;
  padding: 9px 12px;
  border-bottom: 1px solid #e5e7eb;
}

.CityFactsTable .fact_row:last-child {
  border-bottom: none;
}

.CityFactsTable .fact_label {
  width: 40%;
  font-size: 13px;
  color: #6b7280;
}

.CityFactsTable .fact_value {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
}

@media (min-width: 0px) and (max-width: 767.98px) {
  .CityFactsTable .fact_row {
    padding: 7px 10px;
  }

  .CityFactsTable .fact_label,
  .CityFactsTable .fact_value {
    font-size: 10px;
  }
}