.auto-map-card {
    overflow: hidden;
}

.auto-map {
    height: min(58vh, 520px);
    min-height: 320px;
    width: 100%;
    background: #e8eeea;
}

.auto-map .leaflet-container {
    height: 100%;
    width: 100%;
}

.auto-route-item {
    cursor: pointer;
}

.auto-route-item:hover,
.auto-route-item.active {
    background: rgba(31, 107, 74, 0.08);
}

.auto-route-item .auto-route-meta {
    font-size: 0.85rem;
    color: #5a6f64;
}

.auto-route-badge {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

@media (max-width: 991.98px) {
    .auto-map {
        min-height: 280px;
    }
}