/* Loader */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--loader-background);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner-grow {
    margin: 0 5px; /* Spacing between spinners */
    width: 1.5rem;
    height: 1.5rem;
    background: linear-gradient(to bottom, #0028AD, #000e3c);
    -webkit-mask: radial-gradient(circle, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
    mask: radial-gradient(circle, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
    animation: growEffect 0.8s infinite;
}

.spinner:nth-child(1) {
    animation-delay: 0s;
}
.spinner:nth-child(2) {
    animation-delay: 0.1s;
}
.spinner:nth-child(3) {
    animation-delay: 0.2s;
}
.spinner:nth-child(4) {
    animation-delay: 0.3s;
}
.spinner:nth-child(5) {
    animation-delay: 0.4s;
}

@keyframes growEffect {
    0%, 100% {
        transform: scale(1);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}