.mapboxgl-ctrl-bottom-right
{
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
    pointer-events: all;
    justify-content: end;
    align-items: end;
}

.mapboxgl-ctrl-bottom-left
{
    width: 30vw;
    display: flex;
    flex-direction: column-reverse;
    pointer-events: all;
    gap: 1rem;
    justify-content: start;
    align-items: start;
}

@media (max-width: 784px)  {
    .mapboxgl-ctrl-bottom-left
    {
        width: 70vw;
    }
}


.mapboxgl-ctrl-top-left
{
    padding: 1rem;
    pointer-events: all;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
}

.mapboxgl-ctrl-top-left *{
    margin: 0 !important; 
}

.mapboxgl-ctrl-group:not(:empty){
    max-width: 30px;
}
.mapboxgl-ctrl-top-right
{
    pointer-events: all;
    display: flex;
    flex-direction: column;
}


.mapboxgl-ctrl-zoom-out{
    display: flex;
    flex-direction: row;
}