#id_home_page {
    overflow-y: auto;
    scrollbar-gutter: stable;
}

/* Homepage specific Paper adjustment */
#id_home_page .MuiPaper-root.css-19gawii {
    position: relative;
    left: 5px;
}


/* Main homepage container */
#id_home_page {
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    isolation: isolate;
}


/* Fixed island background */
#id_home_page::before {
    content: "";

    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100vh;

    background-image:
        url("/config/assets/nbos/data-explorer/images/nr_background.png");

    background-repeat:
        no-repeat;

    background-position:
        left top;

    background-size:
        auto 100vh;

    z-index: 0;

    pointer-events: none;
}


/* Fixed side artwork + gradient */
#id_home_page::after {
    content: "";

    position: fixed;

    top: 0;
    left: 0;

    width: 100%;
    height: 100vh;


    background-image:
        url("/config/assets/nbos/data-explorer/images/49310.png"),
        url("/config/assets/nbos/data-explorer/images/49310.png"),
        linear-gradient(
            90deg,
            rgba(4,41,85,0.15) 0%,
            rgba(4,41,85,1) 15%
        );


    background-repeat:
        no-repeat,
        no-repeat,
        no-repeat;


    background-position:
        left 120px,
        right 120px,
        left top;


    background-size:
        auto 70vh,
        auto 70vh,
        auto 100%;


    z-index: 1;

    pointer-events: none;
}


/* Homepage content above artwork */
#id_home_page > * {
    position: relative;
    z-index: 10;
}


/* Header always above fixed layers */
.MuiAppBar-root,
header,
nav {
    position: relative !important;
    z-index: 2000 !important;
}
