/* IOS SPRING ANIMATIONS */

/* Slide Up & Fade In (Page Load) */
@keyframes iosSlideUp {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.98);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Scale In (Modals) */
@keyframes iosScaleIn {
    0% {
        opacity: 0;
        transform: scale(0.9) translate(-50%, -50%);
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(-50%, -50%);
        /* Start centered */
    }
}

/* Base Classes */
.ios-anim-up {
    animation: iosSlideUp 0.6s var(--spring-easing) forwards;
}

.ios-anim-scale {
    animation: iosScaleIn 0.5s var(--spring-easing) forwards;
}

/* Stagger Children */
.ios-stagger>* {
    opacity: 0;
    animation: iosSlideUp 0.5s var(--spring-easing) forwards;
}

.ios-stagger>*:nth-child(1) {
    animation-delay: 0.05s;
}

.ios-stagger>*:nth-child(2) {
    animation-delay: 0.1s;
}

.ios-stagger>*:nth-child(3) {
    animation-delay: 0.15s;
}

.ios-stagger>*:nth-child(4) {
    animation-delay: 0.2s;
}
/* ============================================
   BACKGROUND ANIMATION VISIBILITY
   ============================================ */
.bg-type-none canvas#neuronCanvas,
.bg-type-none canvas#spiderCanvas,
.bg-type-none canvas.particles-js-canvas-el {
    display: none !important;
}

.bg-type-orb canvas#neuronCanvas,
.bg-type-orb canvas#spiderCanvas {
    display: none !important;
}

.bg-type-neuron canvas#spiderCanvas {
    display: none !important;
}

.bg-type-spider canvas#neuronCanvas {
    display: none !important;
}