.loader {

    border: 8px solid var(--azul-brand-100);

    border-top: 8px solid var(--azul-brand-600);

    border-radius: 50%;

    width: 60px;

    height: 60px;

    animation: spin 1s linear infinite;

    display: none;

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 9999;

}



@keyframes spin {

    0% {

        transform: translate(-50%, -50%) rotate(0deg);

    }



    100% {

        transform: translate(-50%, -50%) rotate(360deg);

    }

}