:root {
    --graph-width: 1;
    --graph-height: 1;
}

.annotation-text {
    font-family: 'Open Sans', verdana, arial, sans-serif;
    font-size: 10px;
    fill: rgb(42, 63, 95);
    fill-opacity: 1;
    white-space: pre;
    pointer-events: all;
}

.js-plotly-plot:not(.no-resize) {
    width: 100%;
    height: 40vw;
    min-width: 700px;
    min-height: 280px;
}

.graph-container {
    width: 100%;
    height: 40vw;
    overflow: hidden;
}

@media screen and (max-width: 700px) {
    .js-plotly-plot:not(.no-resize) {
        transform: scale(var(--graph-width), var(--graph-height));
        transform-origin: top left;
        height: 40vw;
    }
}

.cursor-pointer {
    cursor: crosshair !important;
}