/* Full-page loading overlay, shown while navigating within the
   Documents / Gallery / Videos areas of the app. See page-loader.js
   for the show/hide logic and the auto-navigation-detection scoping. */
#pageLoadingOverlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, .85);
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    #pageLoadingOverlay.show {
        display: flex;
    }

    /* .loader (loader.css) is position:absolute by default so it can center
   itself inside any relatively-positioned container. Inside this overlay
   we center it via flexbox instead, so it needs to behave as a normal
   flex item. */
    #pageLoadingOverlay .loader {
        position: static !important;
        left: auto !important;
        top: auto !important;
    }

    #pageLoadingOverlay .page-loading-text {
        margin-top: 16px;
        font-weight: 600;
        color: #333;
    }