.chart {
    /*height: 100vh;*/
    /*min-height: 33vw;*/
    min-height: 200px;
}
#charts .chart text{
    /*fill: #999;*/
}
#diagram {
    height: 90vh;
    max-height: 90vw;
}

/*#diagram-search {
    top: 10px;
    left: 10px;
    z-index: 2;
}*/
#your-diagram{
    margin-top: 2em;
}
.diagram {
    background: #fff;
}

.stream-chart {
    height: 130px;
}

/*map chart*/
#map {
    height: 85vh;
}

#map-search {
    /*top: 10px;
    left: 10px;*/
    z-index: 2;
}

#map .icon {
    width: 1.5em;
    height: 1.5em;
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    border-radius: 100%;
}

.mapboxgl-popup-content {
    font-size: 1rem;
    padding-bottom: 0;
}

/*end map chart*/