#earthquake-map {
  width: 100%;
  border-radius: 4px;
  z-index: 1;
  background: #d8e5f2;
}
.earthquake-page-map {
  height: 640px;
}
.earthquake-embed-map {
  min-height: 240px;
}
#earthquake-popup-map,
.earthquake-popup-map {
  width: 100%;
  height: 60vh;
  min-height: 440px;
  border-radius: 4px;
  z-index: 1;
  background: #d8e5f2;
}
.earthquake-popup-scroll {
  max-height: calc(60vh - 110px);
  min-height: 320px;
  overflow-y: auto;
}
.leaflet-control-layers-toggle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23212121' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  width: 34px !important;
  height: 34px !important;
  filter: none !important;
}
.quake-list-scroll {
  max-height: 540px;
  overflow-y: auto;
}
.quake-item {
  transition: background-color 0.15s ease-in-out;
}
.dark-theme .quake-item,
.dark-theme .list-group-item {
  background-color: #444 !important;
  color: #ddd !important;
  border-color: #555 !important;
}
.dark-theme .quake-item:hover,
.dark-theme .list-group-item:hover {
  background-color: #505050 !important;
  color: #fff !important;
}
.dark-theme .leaflet-tile-pane {
  filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
}
.dark-theme .leaflet-container {
  background: #2b3340 !important;
}
.dark-theme .leaflet-popup-content,
.dark-theme .leaflet-popup-content-wrapper,
.dark-theme .leaflet-popup-tip {
  background: #383838 !important;
  color: #f5f5f5 !important;
}
.dark-theme .leaflet-popup-content a {
  color: #82b1ff !important;
}
.dark-theme .leaflet-bar a {
  background-color: #383838 !important;
  color: #ddd !important;
  border-color: #555 !important;
}
.dark-theme .leaflet-bar a:hover {
  background-color: #484848 !important;
  color: #fff !important;
}
.dark-theme .leaflet-control-layers {
  background: #383838 !important;
  color: #ddd !important;
  border-color: #555 !important;
}
.dark-theme .leaflet-control-layers-toggle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E") !important;
  filter: none !important;
}
.dark-theme .leaflet-control-attribution {
  background: rgba(43, 51, 64, 0.8) !important;
  color: #90a4ae !important;
}
.dark-theme .leaflet-control-attribution a {
  color: #b0bec5 !important;
}
@media (prefers-color-scheme: dark) {
  .auto-theme .quake-item,
  .auto-theme .list-group-item {
    background-color: #444 !important;
    color: #ddd !important;
    border-color: #555 !important;
  }
  .auto-theme .quake-item:hover,
  .auto-theme .list-group-item:hover {
    background-color: #505050 !important;
    color: #fff !important;
  }
  .auto-theme .leaflet-tile-pane {
    filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
  }
  .auto-theme .leaflet-container {
    background: #2b3340 !important;
  }
  .auto-theme .leaflet-popup-content,
  .auto-theme .leaflet-popup-content-wrapper,
  .auto-theme .leaflet-popup-tip {
    background: #383838 !important;
    color: #f5f5f5 !important;
  }
  .auto-theme .leaflet-popup-content a {
    color: #82b1ff !important;
  }
  .auto-theme .leaflet-bar a {
    background-color: #383838 !important;
    color: #ddd !important;
    border-color: #555 !important;
  }
  .auto-theme .leaflet-bar a:hover {
    background-color: #484848 !important;
    color: #fff !important;
  }
  .auto-theme .leaflet-control-layers {
    background: #383838 !important;
    color: #ddd !important;
    border-color: #555 !important;
  }
  .auto-theme .leaflet-control-layers-toggle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E") !important;
    filter: none !important;
  }
  .auto-theme .leaflet-control-attribution {
    background: rgba(43, 51, 64, 0.8) !important;
    color: #90a4ae !important;
  }
  .auto-theme .leaflet-control-attribution a {
    color: #b0bec5 !important;
  }
}
.leaflet-popup-content {
  font-family: inherit;
  color: #212121;
}
.dark-theme .leaflet-popup-content,
.auto-theme .leaflet-popup-content {
  color: #f5f5f5;
}