#map_container {
    background-color: #f5e6e6;
    border: 2px solid rgb(245, 227, 227);
    border-radius: calc(1*var(--RADIUS_COMMON));
    position: relative;
    width: calc(100%);
    height: calc(var(--MAP_HEIGHT)) !important;
    overflow: hidden;
}
#map_container:hover {
    border: 2px solid rgb(185, 201, 188);
}
#map_canvas {
    background-color: rgb(216, 216, 216);
    width: calc(100%);
    height: calc(100%);
    overflow: hidden;
}

@media (max-width: 640px) {
    #map_container {
        position: relative;
        height: 52vh !important;
        min-height: 320px;
    }

    #map_canvas {
        width: 100%;
        height: 100% !important;
        min-height: 320px;
    }
}