/* Standard tooltip */
#tooltip {
    position: absolute;
    text-align: center;
    pointer-events: none;
    color: var(--black);
    background: var(--white);
    border: .03125rem solid rgba(0, 0, 0, .25);
    border-radius: .1875rem;
    max-width: 220px;
    height: auto;
    padding: .375em .75em;
    opacity: 0;
    z-index: 10000;
    -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .25);
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .25);
}

#tooltip p {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0px;
}

#tooltip p.tooltipBold {
    font-size: 1.125rem;
    font-weight: 600;
}

/* Styles for both maps */
.map-polygons {
    stroke: black;
    stroke-linejoin: round;
}

/* State abbreviations on the tiles */
.TGM-state-labels {
    pointer-events: none;
    user-select: none;
}

/* State abbreviations on the Albers map */
.albers-map-labels {
    font-size: .875rem;
    pointer-events: none;
    user-select: none;
    alignment-baseline: middle;
    text-anchor: middle;
}

.legend{
    font-size: .875rem;
}

.legend-gradient {
    width: 100px; /* Adjust width as needed */
    height: 18px; /* Adjust height as needed */
    background: linear-gradient(to right, white, var(--base-color) 100%);
}