html body {
    background-color: white;
}

.rs-hidden {
    display: none;
}

.serviceCenters {
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 50% 50%;
    grid-template-areas:
            'title title'
            'search search'
            'list list'
            'map map';
    grid-gap: 12px;
    margin-bottom: 40px;
}

.serviceCenters_title {
    grid-area: title;
}

.serviceCenters_search {
    grid-area: search;
}

.serviceCenters_search input[type=text] {
    width: 100%;
}

.serviceCenters_list {
    grid-area: list;
    max-height: 542px;
    overflow-y: auto;
}

.serviceCenters_listItem:not(:last-child) {
    margin-bottom: 4px;
}

.serviceCenters_listItemTitle {
    background-color: #f4f4f4;
    padding: 8px 12px;
    border-radius: 5px;
    position: relative;
}
.serviceCenters_listItemTitle::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid currentColor;
    border-style: solid solid none none;
    transform: rotate(135deg);
    right: 20px;
    top: 10px;
}
.serviceCenters_listItemTitle:hover {
    background-color: #e0e0e0;
}

.serviceCenters_listItem.rs-open .serviceCenters_listItemTitle::after {
    transform: rotate(-45deg);
    top: 15px;
}

.serviceCenters_listItem:not(.rs-open) .serviceCenters_listItemSublist {
    display: none;
}

.serviceCenters_listItemSubItem {
    padding: 4px 12px;
    border-bottom: 1px solid lightgray;
}

.serviceCenters_listItemSubItemAddress {
    color: darkgray;
}

.serviceCenters_map {
    grid-area: map;
    height: 600px;
}