/* PUBLIC BIO — efeitos ambientes do fundo externo no desktop. */

.public-desktop-background-fx {
    display: none;
}

@keyframes publicBioDesktopBackgroundRotate {
    from {
        transform:
            translate3d(-50%, -50%, 0)
            rotate(0turn);
    }

    to {
        transform:
            translate3d(-50%, -50%, 0)
            rotate(1turn);
    }
}

@keyframes publicBioDesktopBackgroundVertical {
    from {
        transform:
            translate3d(-50%, -220%, 0);
    }

    to {
        transform:
            translate3d(-50%, 120%, 0);
    }
}

@keyframes publicBioDesktopBackgroundHorizontal {
    from {
        transform:
            translate3d(-220%, -50%, 0);
    }

    to {
        transform:
            translate3d(120%, -50%, 0);
    }
}

/*
 * A cor/gradiente configurado em Tema & Layout continua sendo a
 * pintura real do fundo externo. Esta camada desenha somente luz
 * translúcida e nunca substitui --page-outer-background.
 *
 * O efeito é aplicado em qualquer largura de viewport, inclusive
 * PWA/mobile, pois a janela instalada pode deixar o fundo externo
 * visível mesmo em resoluções menores.
 */
body {
    isolation: isolate;
}

.public-desktop-background-fx[data-active="1"] {
    position: fixed;
    inset: 0;
    z-index: -2;
    display: block;
    overflow: hidden;
    pointer-events: none;
    contain: paint;
}

.public-desktop-background-fx__layer {
    position: absolute;
    will-change: transform, opacity;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .public-desktop-background-fx__layer {
        animation: none !important;
    }
}