main > [class*="-sidebar"] {
  background-color: #000 !important;
  box-shadow: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.maplibregl-ctrl-group {
  background-color: #121212 !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: none !important;
}
.maplibregl-ctrl-group button + button {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.maplibregl-ctrl-group button > span.maplibregl-ctrl-icon {
  filter: invert(1);
}
.maplibregl-ctrl-group button.maplibregl-ctrl-icon svg {
  color: #e0e0e0;
}
.maplibregl-ctrl-scale {
  background-color: rgba(18, 18, 18, 0.8) !important;
  color: #ccc !important;
  border-color: #666 !important;
}
.maplibregl-ctrl-attrib {
  background-color: rgba(18, 18, 18, 0.8) !important;
}
.maplibregl-ctrl-attrib, .maplibregl-ctrl-attrib a {
  color: #999 !important;
}