#IfsMap {
    height: 300px;
    width: 100%;
}

#OutagesMap {
    height: 300px;
    width: 100%;
}

/* #29859# drag handle under the map */
.map-splitter {
    height: 8px;
    margin: 4px 0 6px;
    border-radius: 4px;
    background-color: #dadada;
    cursor: row-resize;
    touch-action: none;
    user-select: none;
}

.map-splitter:hover,
.map-splitter.dragging {
    background-color: var(--ifs-accent, #9e9e9e);   /* #16335# */
}

/* #19977# phone: shorter map so the outage list is reachable without a long scroll */
@media (max-width: 768px) {
    #IfsMap {
        height: 220px;
    }
}