.loader-wrapper {
    --libo-loader-pc: var(--pc1, var(--pc, .04883125rem));
    --libo-loader-mp: var(--mp1, var(--mp, .1250625rem));
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .1);
}

.loader-wrapper.audit-hidden {
    display: none !important;
}

.loader-wrapper .app-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    width: calc(var(--libo-loader-pc) * 73);
    height: calc(var(--libo-loader-pc) * 73);
    margin: auto;
    padding: calc(var(--libo-loader-pc) * 4);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loader-wrapper .app-loader .image-loader {
    width: calc(var(--libo-loader-pc) * 62);
    height: calc(var(--libo-loader-pc) * 62);
    background-image: url("../../../img/loader.2ae1f88a.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: calc(var(--libo-loader-pc) * 62) calc(var(--libo-loader-pc) * 62);
}

@media (orientation: portrait) {
    .mobile .loader-wrapper .app-loader {
        width: calc(var(--libo-loader-mp) * 58);
        height: calc(var(--libo-loader-mp) * 58);
    }

    .mobile .loader-wrapper .app-loader .image-loader {
        width: calc(var(--libo-loader-mp) * 25);
        height: calc(var(--libo-loader-mp) * 25);
        background-size: calc(var(--libo-loader-mp) * 25) calc(var(--libo-loader-mp) * 25);
    }
}