#map {
    height: 400px;
}

#map .map_prediction_icon {
    background: none;
    border: none
}

#map .map_prediction_icon div.inner {
    --hue: calc(120 - 120 * var(--p));
    background-image: radial-gradient(hsl(var(--hue), 100%, 60%), hsl(var(--hue), 100%, 40%));
    border-radius: 100%;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 1px 1px 2px white;
    width: 32px;
    height: 32px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
}

#map .map_prediction_icon div.inner.current {
    background-image: radial-gradient(hsl(var(--hue), 100%, 70%), hsl(var(--hue), 100%, 50%));
    box-shadow: 0 0 2px 2px rgba(0,0,0,.75);
}