.drag-drop-zone {
    margin: 5px;
    border: 3px dashed #202F65; /* Elydium blue */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    color: #aeaeae;
    font-size: 1.25rem;
    cursor: pointer;
    margin: 1rem 0.5em 1rem 0.5rem;
    position: relative;
    border-radius: 0.6rem;
    min-height: 10rem;
}

.drag-drop-zone:hover {
    background-color: #f5f5f5;
}

.drag-drop-zone input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.maplibregl-ctrl-attrib-button {
    display: none;
}