/* Styling for the custom Odonata Mapbox controls (base-map + GBIF style). */

.mapboxgl-ctrl-group.odo-map-ctrl {
    display: flex;
    align-items: center;
}

.odo-map-select {
    border: none;
    background: #fff;
    font-size: 12px;
    line-height: 1.2;
    padding: 5px 6px;
    border-radius: 4px;
    cursor: pointer;
    max-width: 130px;
}

.odo-map-select:focus {
    outline: 2px solid #0d6efd;
    outline-offset: -2px;
}

/* "Select area" tool button + its armed state. */
.odo-boxselect-ctrl button {
    font-size: 15px;
    line-height: 1;
    width: 29px;
    height: 29px;
    cursor: pointer;
}

.odo-boxselect-ctrl button.active {
    background: #0d6efd;
    color: #fff;
}

/* The rubber-band rectangle drawn while dragging. */
.odo-box-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: rgba(13, 110, 253, 0.1);
    border: 2px dashed #0d6efd;
    pointer-events: none;
    z-index: 2;
}