/* Styles for the map provider's own controls. */

:root {
  /* Controls the size of the map's buttons. */
  --map-button-size: 36px;
}

.mapboxgl-ctrl-group button {
  width: var(--map-button-size);
  height: var(--map-button-size);
}

.mapboxgl-ctrl-group button .mapboxgl-ctrl-icon {
  background-size: var(--map-button-size) var(--map-button-size);
}