body unibanca-screen-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    color: #1d2f54;
    z-index: 999999;
    gap: 42px;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

body unibanca-screen-loader .loader {
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: mulShdSpin 1.1s infinite ease;
    transform: translateZ(0);
}

@keyframes mulShdSpin {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #3a5ea8,
            1.8em -1.8em 0 0em rgba(58, 94, 168, 0.2),
            2.5em 0em 0 0em rgba(58, 94, 168, 0.2),
            1.75em 1.75em 0 0em rgba(58, 94, 168, 0.2),
            0em 2.5em 0 0em rgba(58, 94, 168, 0.2),
            -1.8em 1.8em 0 0em rgba(58, 94, 168, 0.2),
            -2.6em 0em 0 0em rgba(58, 94, 168, 0.5),
            -1.8em -1.8em 0 0em rgba(58, 94, 168, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(58, 94, 168, 0.7),
            1.8em -1.8em 0 0em #3a5ea8, 2.5em 0em 0 0em rgba(58, 94, 168, 0.2),
            1.75em 1.75em 0 0em rgba(58, 94, 168, 0.2),
            0em 2.5em 0 0em rgba(58, 94, 168, 0.2),
            -1.8em 1.8em 0 0em rgba(58, 94, 168, 0.2),
            -2.6em 0em 0 0em rgba(58, 94, 168, 0.2),
            -1.8em -1.8em 0 0em rgba(58, 94, 168, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(58, 94, 168, 0.5),
            1.8em -1.8em 0 0em rgba(58, 94, 168, 0.7), 2.5em 0em 0 0em #3a5ea8,
            1.75em 1.75em 0 0em rgba(58, 94, 168, 0.2),
            0em 2.5em 0 0em rgba(58, 94, 168, 0.2),
            -1.8em 1.8em 0 0em rgba(58, 94, 168, 0.2),
            -2.6em 0em 0 0em rgba(58, 94, 168, 0.2),
            -1.8em -1.8em 0 0em rgba(58, 94, 168, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(58, 94, 168, 0.2),
            1.8em -1.8em 0 0em rgba(58, 94, 168, 0.5),
            2.5em 0em 0 0em rgba(58, 94, 168, 0.7), 1.75em 1.75em 0 0em #3a5ea8,
            0em 2.5em 0 0em rgba(58, 94, 168, 0.2),
            -1.8em 1.8em 0 0em rgba(58, 94, 168, 0.2),
            -2.6em 0em 0 0em rgba(58, 94, 168, 0.2),
            -1.8em -1.8em 0 0em rgba(58, 94, 168, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(58, 94, 168, 0.2),
            1.8em -1.8em 0 0em rgba(58, 94, 168, 0.2),
            2.5em 0em 0 0em rgba(58, 94, 168, 0.5),
            1.75em 1.75em 0 0em rgba(58, 94, 168, 0.7), 0em 2.5em 0 0em #3a5ea8,
            -1.8em 1.8em 0 0em rgba(58, 94, 168, 0.2),
            -2.6em 0em 0 0em rgba(58, 94, 168, 0.2),
            -1.8em -1.8em 0 0em rgba(58, 94, 168, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(58, 94, 168, 0.2),
            1.8em -1.8em 0 0em rgba(58, 94, 168, 0.2),
            2.5em 0em 0 0em rgba(58, 94, 168, 0.2),
            1.75em 1.75em 0 0em rgba(58, 94, 168, 0.5),
            0em 2.5em 0 0em rgba(58, 94, 168, 0.7), -1.8em 1.8em 0 0em #3a5ea8,
            -2.6em 0em 0 0em rgba(58, 94, 168, 0.2),
            -1.8em -1.8em 0 0em rgba(58, 94, 168, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(58, 94, 168, 0.2),
            1.8em -1.8em 0 0em rgba(58, 94, 168, 0.2),
            2.5em 0em 0 0em rgba(58, 94, 168, 0.2),
            1.75em 1.75em 0 0em rgba(58, 94, 168, 0.2),
            0em 2.5em 0 0em rgba(58, 94, 168, 0.5),
            -1.8em 1.8em 0 0em rgba(58, 94, 168, 0.7), -2.6em 0em 0 0em #3a5ea8,
            -1.8em -1.8em 0 0em rgba(58, 94, 168, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(58, 94, 168, 0.2),
            1.8em -1.8em 0 0em rgba(58, 94, 168, 0.2),
            2.5em 0em 0 0em rgba(58, 94, 168, 0.2),
            1.75em 1.75em 0 0em rgba(58, 94, 168, 0.2),
            0em 2.5em 0 0em rgba(58, 94, 168, 0.2),
            -1.8em 1.8em 0 0em rgba(58, 94, 168, 0.5),
            -2.6em 0em 0 0em rgba(58, 94, 168, 0.7), -1.8em -1.8em 0 0em #3a5ea8;
    }
}

body:not(.unibanca-screen-loader-hidden) {
    overflow: hidden;
}

body.unibanca-screen-loader-hidden unibanca-screen-loader {
    visibility: hidden;
    opacity: 0;
}