.mapboxgl-popup-content {
  padding: 12px 24px 6px; }
  .mapboxgl-popup-content h2 {
    color: var(--text-main);
    text-transform: capitalize; }
  .mapboxgl-popup-content h3 {
    color: var(--text-main); }
  .mapboxgl-popup-content button.mapboxgl-popup-close-button {
    top: 0;
    right: 6px;
    font-size: 2em; }
  .mapboxgl-popup-content ul {
    padding: 6px 0;
    margin: 0; }
    .mapboxgl-popup-content ul li {
      padding: 0 8px 0 0;
      margin: 0;
      display: inline;
      text-decoration: underline;
      cursor: pointer;
      color: var(--text-main); }
  .mapboxgl-popup-content table {
    width: 100%;
    text-align: left;
    margin: 12px 0;
    border-collapse: collapse; }
    .mapboxgl-popup-content table tr th {
      text-align: left;
      padding: 3px 8px;
      background: #f1f1f1;
      border: 1px solid #eee; }
    .mapboxgl-popup-content table tr td {
      text-align: left;
      padding: 3px 8px;
      border: 1px solid #eee; }
      .mapboxgl-popup-content table tr td.positive-cell {
        color: var(--positive-arrow-color); }
      .mapboxgl-popup-content table tr td.negative-cell {
        color: var(--negative-arrow-color); }
      .mapboxgl-popup-content table tr td.neutral-cell {
        color: var(--neutral-arrow-color); }