[data-mapview]{
    height: calc(100vh - 100px);
}

.map-view{
    height: calc(100% - 20px);
    position: relative;

    input[type="range"]{
        margin-left: 4px;
        display: inline-block;
        width: auto;
        position: relative;
        top: 6px;
    }

    .opacity-slider{
        text-align: center;
        width: 220px;
        position: absolute;
        bottom: -32px;
        left: 50%;
        margin-left: -100px;
        z-index: 400;
        padding-bottom: 6px;
    }

    .map-type-selector{
        float: right;
    }
}