.map{
    width: 100vw;
    height: 100vh;
}

.center-control-panel{
    position: fixed;
    bottom: 10px;
    left: calc( 50% - 95px);
}

.left-control-panel{
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 250px;
}

@media only screen and (max-width: 900px) {
    .left-control-panel {
        display: none;
    }
}

.control-panel{
    background-color: rgba(99, 110, 114, 0.6);
    color: black;
    padding: 10px 20px;
    border-radius: 15px;
    z-index: 1000;
}

:root {
    --body-bg: #fff;
    --body-color: #000;
}

.custom-range::-webkit-slider-thumb {
    background: #e84393;
}

.custom-range::-moz-range-thumb {
    background: #e84393;
}

.custom-range::-ms-thumb {
    background: #e84393;
}