/* Motion System Magineo */

/* ==========================================================================
   Scroll Pulse
   ========================================================================== */

.mg-scroll-pulse {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    isolation: isolate;
}

.mg-slide .mg-scroll-pulse::before {
    content: "";
    position: absolute;

    left: 50%;
    bottom: -110px;

    width: 220px;
    height: 220px;

    transform: translateX(-50%);
    transform-origin: center bottom;

    pointer-events: none;
    z-index: -1;

    opacity: 0;

    background:
        radial-gradient(ellipse at center bottom,
            transparent 27%,
            var(--gold) 28%,
            transparent 29%),

        radial-gradient(ellipse at center bottom,
            transparent 46%,
            var(--gold) 47%,
            transparent 48%),

        radial-gradient(ellipse at center bottom,
            transparent 65%,
            var(--gold) 66%,
            transparent 67%);

    filter: drop-shadow(0 0 6px var(--gold));
    animation: none;
}

.mg-slide.is-active .mg-scroll-pulse::before {
    animation: mg-sonar-half-up 2.6s ease-out infinite;
}

@keyframes mg-sonar-half-up {
    0% {
        transform: translate(-50%, 0) scale(.12);
        opacity: 0;
    }

    10% {
        opacity: .35;
    }

    100% {
        transform: translate(-50%) scale(1.65);
        opacity: 0;
    }
}