#map {
    height: 500px;
    width: 100%;
}
#progress {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    display: none;
    height: 20px;
    left: 400px;
    margin-left: -100px;
    margin-top: -20px;
    padding: 2px;
    position: absolute;
    top: 300px;
    width: 200px;
    z-index: 1000;
}
#progress-bar {
    background-color: #80298E;
    border-radius: 4px;
    height: 100%;
    width: 0;
}
.leaflet-container a {
    color: #000;
    font-weight: bold;
}
.leaflet-tile-pane {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
}
.leaflet-popup-content-wrapper {
    border-radius: 0px;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
}