.ol-legendtoggle {
    bottom: 0.6em;
    left: .5em;
    width: 40px;
    height: 40px;
    background-color: white;
    border-color: lightgray;
    border-width: 1px;
    border-style: solid;
}

.legend-img {
    background: white;
    width: 26px;
    height: 26px;
    margin: 6px;
}



.legend-panel {
    position: absolute;
    bottom: 15px;
    left: 55px;
    background: white;
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    z-index: 4000; /* above all OL controls */
    min-width: 180px;
    overflow-y: auto;
    max-height: 370px;
}

    .legend-panel.hidden {
        display: none;
    }

    .legend-panel label {
        font-size: inherit;
        font-weight: bold;
        margin-bottom: 0px;
    }

/* Legend items */
.legend-item {
    display: grid;
    margin-bottom: 6px;
}

    .legend-item img {
        margin-left: 1em;
    }