/* Custom CSS for Plotly graphs in the Important Trends section */

/* Force default cursor for all elements of the graph to prevent pointer cursor on hover. */
#important_trends_hbar_graph_desktop .js-plotly-plot,
#important_trends_hbar_graph_mobile .js-plotly-plot,
#important_trends_hbar_graph_desktop .plotly,
#important_trends_hbar_graph_mobile .plotly,
#important_trends_hbar_graph_desktop .plot-container,
#important_trends_hbar_graph_mobile .plot-container,
#important_trends_hbar_graph_desktop .nsewdrag,
#important_trends_hbar_graph_mobile .nsewdrag,
#important_trends_hbar_graph_desktop .nsdrag,
#important_trends_hbar_graph_mobile .nsdrag,
#important_trends_hbar_graph_desktop .ewdrag,
#important_trends_hbar_graph_mobile .ewdrag,
#important_trends_hbar_graph_desktop .nwdrag,
#important_trends_hbar_graph_mobile .nwdrag,
#important_trends_hbar_graph_desktop .swdrag,
#important_trends_hbar_graph_mobile .swdrag,
#important_trends_hbar_graph_desktop .nedrag,
#important_trends_hbar_graph_mobile .nedrag,
#important_trends_hbar_graph_desktop .sedrag,
#important_trends_hbar_graph_mobile .sedrag,
#important_trends_hbar_graph_desktop .zoombox,
#important_trends_hbar_graph_mobile .zoombox,
#important_trends_hbar_graph_desktop .main-svg,
#important_trends_hbar_graph_mobile .main-svg {
    cursor: default !important;
}

/* Plotly utility cursor classes can override container cursor.
   Force them back to normal arrow for these graphs. */
#important_trends_hbar_graph_desktop .cursor-crosshair,
#important_trends_hbar_graph_mobile .cursor-crosshair,
#important_trends_hbar_graph_desktop .cursor-pointer,
#important_trends_hbar_graph_mobile .cursor-pointer,
#important_trends_hbar_graph_desktop .cursor-move,
#important_trends_hbar_graph_mobile .cursor-move,
#important_trends_hbar_graph_desktop .cursor-ew-resize,
#important_trends_hbar_graph_mobile .cursor-ew-resize,
#important_trends_hbar_graph_desktop .cursor-ns-resize,
#important_trends_hbar_graph_mobile .cursor-ns-resize,
#important_trends_hbar_graph_desktop .cursor-nw-resize,
#important_trends_hbar_graph_mobile .cursor-nw-resize,
#important_trends_hbar_graph_desktop .cursor-sw-resize,
#important_trends_hbar_graph_mobile .cursor-sw-resize,
#important_trends_hbar_graph_desktop .cursor-ne-resize,
#important_trends_hbar_graph_mobile .cursor-ne-resize,
#important_trends_hbar_graph_desktop .cursor-se-resize,
#important_trends_hbar_graph_mobile .cursor-se-resize {
    cursor: default !important;
}

#important_trends_hbar_graph_desktop .infolayer .annotation,
#important_trends_hbar_graph_mobile .infolayer .annotation,
#important_trends_hbar_graph_desktop .infolayer .annotation-text,
#important_trends_hbar_graph_mobile .infolayer .annotation-text,
#important_trends_hbar_graph_desktop .infolayer .annotation text,
#important_trends_hbar_graph_mobile .infolayer .annotation text {
    cursor: default !important;
    pointer-events: all !important;
}