html, body {
  height: 100%;
}

body {
  font-family: 'Titillium Web', 'Roboto', Arial, sans-serif;
}

:root {
  --bs-primary: #003399;
  --bs-primary-rgb: 0, 51, 153;
}

.leaflet-container {
  height: 100%;
  width: 100%;
  font-family: inherit;
}

:focus-visible {
  outline: 3px solid #003399;
  outline-offset: 2px;
}

.chip-cat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.chip-cat .chip-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.mappa-riquadro {
  height: calc(100vh - 132px);
  min-height: 320px;
}