@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

* {
    font-family: "Poppins", sans-serif !important;
}

#back-button:hover {
    color: #3498db !important;
}

.DateInput_input {
    font-size: 15px !important;
    padding: 5px;
    font-weight: 400 !important;
}

/* MapLibre GL overrides */
.maplibregl-ctrl-bottom-right {
    bottom: 10px;
    right: 10px;
}

.maplibregl-ctrl-bottom-left,
.maplibregl-ctrl-bottom-right,
.maplibregl-ctrl-top-left,
.maplibregl-ctrl-top-right {
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.maplibregl-map {
    font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
}

.maplibregl-ctrl-attrib-inner {
    background-color: transparent;
    border-radius: 20px;
}

/* Remove spacing below canvas */
.maplibregl-canvas {
    display: block;
}

.maplibregl-ctrl-attrib-button {
    visibility: hidden;
}

/* Plotly performance optimizations */
.dash-graph,
.js-plotly-plot,
.plotly .main-svg {
    will-change: transform;
}

.dash-table-container {
    contain: layout style paint;
}