#map { height: 100%; }

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
#legend {
    font-family: Arial, sans-serif;
    background: #fff;
    padding: 10px;
    margin: 10px;
    border: 1px solid #000;
    max-width: 300px;
}
#legend h3 {
    margin-top: 0;
}
#legend svg {
    vertical-align: middle;
    margin-right: 10px;
}

.pac-target-input {
    padding: 5px 10px;
    width: 300px;
}

div.module-legend:first-of-type {
    display: flex;
}

div.module-legend {
    display: flex;
    align-items: baseline;
    margin-top: 5px;
}