.leaflet-map-wrapper {
    position: relative;
    height  : 600px
}

.leaflet-map-container {
    height    : 100%;
    position  : sticky;
    overflow  : hidden;
    margin    : 0 auto;
}

.leaflet-map-container .leaflet-map {
    height : 100%
}

.leaflet-pane,
.leaflet-top,
.leaflet-bottom {
    z-index : 1
}

.leaflet-tile-pane {
    filter: grayscale(100%);
}

.leaflet-popup-content-wrapper {
    border-radius : 4px;
}

.leaflet-popup-tip-container {
    display : none
}

.leaflet-popup-card {
    position : relative
}

.leaflet-popup-title {
    font-size   : 18px;
    font-weight : 700;
    margin      : 10px 0px 3px
}

.leaflet-popup-title a {
    font-weight : 600;
    color       : var(--title)
}

.leaflet-popup-description {
    z-index : 2
}

.leaflet-popup-image {
    position : relative;
    z-index  : 1
}

.leaflet-popup-image img {
    border-radius : 4px;
    width         : 100%;
    height        : auto
}

.leaflet-popup-content {
    margin : 20px 20px 20px 20px
}

.leaflet-popup-link {
    position : absolute;
    left     : 0;
    top      : 0;
    height   : 100%;
    width    : 100%
}

.leaflet-search-map {
    border-radius : 4px
}

.leaflet-div-icon {
    background: transparent;
    border: none;
}