.map {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    margin-bottom: var(--space-xxl);
}

.map__text-container {
    max-width: 50%;
}

.map__subtitle-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--space-xl);
}

.map__subtitle-container .controls-bar {
    width: fit-content;
    margin-right: auto;
}

.map__text {
    color: var(--color-text-secondary);
}


.map__indicator-container {
    margin: 0 0 var(--space-xl);
    text-align: justify;
    max-width: 100%;
}