/* stylelint-disable scss/at-extend-no-missing-placeholder */

.adf-full-screen {
    width: 100%;
    height: 100%;
    background-color: var(--adf-theme-background-card-color);
}

.adf-viewer-render-main-loader {
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adf-viewer-render {
    &-main {
        width: 0;
        order: 1;
        flex: 1 1 auto;
    }

    &-content-container {
        display: flex;
        justify-content: center;
    }

    &-layout-content {
        @extend .adf-full-screen;

        position: relative;
        overflow: hidden;
        z-index: 1;
        background-color: var(--theme-background-color);
        display: flex;
        flex-flow: row wrap;
        flex: 1;

        & > div {
            display: flex;
            flex-flow: row wrap;
            margin: 0 auto;
            align-items: stretch;
            height: 93vh;
            width: 100%;
        }
    }

    &-overlay-container {
        .adf-viewer-render-content {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
        }
    }

    &__loading-screen {
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 85vh;

        &__spinner {
            margin: 0 auto;
        }
    }

    &-custom-content {
        width: 100vw;
    }

    &-unknown-content {
        align-items: center;
        display: flex;
    }

    &-pdf {
        display: contents;
    }
}