.plot-container {
    min-height: 600px;
    max-width: 60vw;
}

.wrapper .plot-container {
    min-height: 450px;
    max-width: 60vw;
}

/*Auto-placement in CSS Grid Layout: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout*/
.wrapper {
    display: grid;
    grid-gap: 1%;
    grid-auto-rows: minmax(100px, auto);
}

.wrapper-scenario-columns {
    margin-top: 10px;
    display: grid;
    grid-gap: 1%;
}

/*Change text in the loading phase (we need to remove the original text ("Loading...") first then add
customized text*/
._dash-loading {
    visibility: hidden;
    position: relative;
}

._dash-loading::after {
    content: "Loading Nexus-e results ...";
    visibility: visible;
}