.containerLooading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
    background-color:  var(--color-white-transparent);
    z-index: 100000;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.item {
    width: 35px;
    height: 35px;
    margin: 10px;
    border-radius: 50%;
    list-style-type: none;
    transition: 0.5s all ease;
}
/* .root{
    display: none;
} */
.item:nth-child(1) {
    animation: right-1 1s infinite alternate;
    background-color: var(--color-xtendia-verde);
    animation-delay: 100ms;
}
@keyframes right-1 {
    0% {
        transform: translateY(-60px);
   }
    100% {
        transform: translateY(60px);
   }
}
.item:nth-child(2) {
    animation: right-2 1s infinite alternate;
    background-color: var(--color-xtendia-verde-secundario);
    animation-delay: 200ms;
}
@keyframes right-2 {
    0% {
        transform: translateY(-70px);
   }
    100% {
        transform: translateY(70px);
   }
}
.item:nth-child(3) {
    animation: right-3 1s infinite alternate;
    background-color: var(--color-xtendia-morado);
    animation-delay: 300ms;
}
@keyframes right-3 {
    0% {
        transform: translateY(-80px);
   }
    100% {
        transform: translateY(80px);
   }
}
.item:nth-child(4) {
    animation: right-4 1s infinite alternate;
    background-color: var(--color-ms-azul);
    animation-delay: 400ms;
}
@keyframes right-4 {
    0% {
        transform: translateY(-90px);
   }
    100% {
        transform: translateY(90px);
   }
}
.item:nth-child(5) {
    animation: right-5 1s infinite alternate;
    background-color: var(--color-slang-rojo-secundario);
    animation-delay: 500ms;
}
@keyframes right-5 {
    0% {
        transform: translateY(-100px);
   }
    100% {
        transform: translateY(100px);
   }
}



.containerLooading.togleHiden{
    display: none;
}