<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.detail-map {
    --text-colors-default: #FFFFFF;
    --text-colors-visited: var(--primaryColor);
    --text-colors-active: var(--primaryColor);

    position: relative;
    width: 100%;
    height: 33.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--greyColor50);
}

.detail-map__title {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.detail-map__listing-summary-control {
    position: absolute;
    width: 18rem;
    bottom: 1rem;
    left: calc(50% - 9rem);
    z-index: 1;
}

.maplibregl-canvas {
    cursor: default;
}

@media (max-height: 700px) and (orientation: landscape) {
    .detail-map__listing-summary-control {
        width: 32rem;
        left: calc(50% - 16rem);
    }
}

.detail-map.detail-map--active {
    display: block;
}

.detail-map--active .button.button--primary-ghost {
    display: none;
}

.detail-map.detail-map--visible {
    background: var(--detailMapBackground) no-repeat center;
    background-size: cover;
}

@media(min-width: 813px) {
    .detail-map.detail-map--visible {
        background: var(--detailMapBackgroundLarge) no-repeat center;
        background-size: cover;
    }
}
</pre></body></html>