/* <!-- Varmundt's Biosphere   -->  */
.vb_mainLayout::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to bottom,
            transparent 0%,
            #00ffff14 40%,
            #00ffff1f 50%,
            #00ffff14 60%,
            transparent 100%);
    animation: energyFlow 8s linear infinite;
    mix-blend-mode: screen;
}

@keyframes energyFlow {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(100%);
    }
}

.vb_effectLayer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.vb_effectLayer {
    background-image:
        radial-gradient(circle at 20% 80%, rgba(0, 255, 255, 0.7) 2px, transparent 3px),
        radial-gradient(circle at 80% 20%, rgba(0, 255, 255, 0.6) 2px, transparent 3px),
        radial-gradient(circle at 60% 60%, rgba(0, 255, 255, 0.5) 2px, transparent 3px),
        radial-gradient(circle at 40% 30%, rgba(0, 255, 255, 0.4) 2px, transparent 3px);
    animation: vbParticles 12s linear infinite;
}

@keyframes vbParticles {
    0% {
        background-position: 0 0, 0 0, 0 0, 0 0;
    }

    100% {
        background-position: 0 -400px, 0 -600px, 0 -500px, 0 -450px;
    }
}

.vb_atmosphere {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

/* <!-- 4th Classes Skills Rebalance  -->  */
#csr-particles {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}