@import url('variables.css');

/* .leaflet-popup-tip-container {} */
/* .leaflet-popup-tip {} */

.leaflet-popup-close-button {
    display: none;
}

.leaflet-popup-content-wrapper {
    padding: 0;
    overflow: hidden;
}

.leaflet-popup-content-wrapper .leaflet-popup-content {
    min-height: 3.8em;
    min-width: 8em;
    max-width: 20em;
    margin: 0;
}

.leaflet-popup-content-wrapper:has(.popup-content-image) .leaflet-popup-content {
    min-width: min(240px, calc(100vw - 48px));
    max-width: min(240px, calc(100vw - 48px));
}

#map{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: width 0.3s ease-in-out;
}

#map.dodge-sidebar{
    width: calc(100% - var(--sidebar-width));
    transition: width 0.3s ease-in-out;
}