.loading-container {
      flex-direction: column;
  font-family:var(--font-family-default);
    justify-content: center;
    height: calc(100%);
    width: 100%;
    text-align: center;
    margin: auto;
    display: flex;
    position: relative;
    background: white;
    z-index: 999;
}
/* =============================== */
/* Loading animation styles starts */
/* =============================== */

@keyframes bounce {
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(-75%);
    }
}
.loading {
      --height: 30px;
    --loader-color: black;
    --animation-duration: 0.5s;
    display: flex;
    align-items: center;
    gap: calc(var(--height) / 4);
    height: calc(var(--height) * 1.75);
    width: 100%;
    justify-content: center;
}
.loading:before,
.loading:after {
    content: "";
}
.loading > div,
.loading:before,
.loading:after {
    height: var(--height);
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--loader-color);
    animation: bounce var(--animation-duration) ease-in-out infinite alternate;
}
.loading:after {
    animation-delay: calc(var(--animation-duration) / 2);
}
.loading > div {
    animation-delay: calc(var(--animation-duration) / 4);
}

/* ============================= */
/* Loading animation styles ends */
/* ============================= */

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:loading] [28.248] DESIGN*/
/*******************************************************************/
/* 0.4 D>D */
/* db 165 */