.map-editor-toolbar,
.map-editor-draw-menu {
    left: 72px;
}

.map-editor-right-panel {
    position: absolute;
    z-index: 900;
    top: 18px;
    right: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 330px;
    max-height: calc(100% - 36px);
}

.map-editor-right-panel .map-editor-legend {
    position: static;
    flex: 0 1 auto;
    width: auto;
    max-height: none;
    overflow: auto;
}

.map-editor-right-panel .map-editor-basemap {
    position: static;
    flex: 0 0 auto;
}

.map-editor-basemap select {
    max-width: 210px;
}

@media (max-width: 700px) {
    .map-editor-toolbar,
    .map-editor-draw-menu {
        left: 62px;
    }

    .map-editor-right-panel {
        top: 72px;
        right: 10px;
        left: 10px;
        width: auto;
        max-height: 42%;
    }

    .map-editor-right-panel .map-editor-legend {
        max-height: 32vh;
    }

    .map-editor-right-panel .map-editor-basemap {
        position: static;
    }

    .map-editor-basemap select {
        max-width: 65vw;
    }
}