@media only screen and (max-width: 48rem) {
    #global-map .map-container {
        padding: 2rem 1rem;
        flex-direction: column;
        gap: 4rem;
    }
}

.location-item {
    border-bottom: 1px solid rgba(0,0,0,0.24);
}

.location-item-content {
   height: 0;
   overflow: clip;
}
.location-chevron {
    transition: transform 0.3s ease;
}

.location-item[data-open] .location-item-header .location-chevron {
    transform: rotate(180deg);
}

.location-item-header {
    grid-template-columns: 1fr 1fr 11px;
    gap: 1rem;
    cursor: pointer;
}

.location-item-header:hover {
    background-color: rgba(0,0,0,0.05);
}

.stack-heading-bullet.small {
    width: 4px;
    height: 4px;
}