/* SesionaDesk landing motion accents. */

/* A soft aurora lives inside the existing transparent video shade. */
.video-hero__shade[data-astro-cid-jqj5alqh] {
    overflow: hidden;
}

.video-hero__shade[data-astro-cid-jqj5alqh]::before,
.video-hero__shade[data-astro-cid-jqj5alqh]::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(52px) saturate(135%);
    mix-blend-mode: screen;
    will-change: transform, opacity;
}

.video-hero__shade[data-astro-cid-jqj5alqh]::before {
    top: -38%;
    left: -14%;
    width: 72%;
    height: 118%;
    background:
        radial-gradient(ellipse at 45% 50%, rgba(38, 232, 209, .86) 0 12%, rgba(15, 159, 177, .48) 30%, transparent 65%);
    opacity: .52;
    animation: sd-hero-aurora-a 18s ease-in-out infinite alternate;
}

.video-hero__shade[data-astro-cid-jqj5alqh]::after {
    right: -12%;
    bottom: -52%;
    width: 78%;
    height: 130%;
    background:
        radial-gradient(ellipse at 50% 50%, rgba(32, 144, 224, .78) 0 14%, rgba(41, 219, 205, .38) 34%, transparent 66%);
    opacity: .42;
    animation: sd-hero-aurora-b 22s ease-in-out infinite alternate;
}

@keyframes sd-hero-aurora-a {
    0% {
        transform: translate3d(-5%, 4%, 0) rotate(-7deg) scale(.94);
    }

    50% {
        opacity: .62;
        transform: translate3d(28%, 13%, 0) rotate(5deg) scale(1.08);
    }

    100% {
        transform: translate3d(48%, -3%, 0) rotate(12deg) scale(1);
    }
}

@keyframes sd-hero-aurora-b {
    0% {
        transform: translate3d(8%, 8%, 0) rotate(7deg) scale(1.02);
    }

    55% {
        opacity: .54;
        transform: translate3d(-28%, -17%, 0) rotate(-4deg) scale(1.12);
    }

    100% {
        transform: translate3d(-44%, 4%, 0) rotate(-11deg) scale(.98);
    }
}

/* Periodic light sweep on the outlined hero signup CTA. */
.video-hero__cta--secondary[data-astro-cid-jqj5alqh] {
    position: relative;
    isolation: isolate;
    overflow: visible;
}

.video-hero__cta--secondary[data-astro-cid-jqj5alqh]::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: -2px;
    padding: 2px;
    pointer-events: none;
    border-radius: calc(var(--sd-radius-md) + 2px);
    background: linear-gradient(
        105deg,
        rgba(255, 255, 255, .22) 0%,
        rgba(255, 255, 255, .22) 40%,
        rgba(139, 248, 238, .72) 46%,
        #ffffff 50%,
        rgba(139, 248, 238, .72) 54%,
        rgba(255, 255, 255, .22) 60%,
        rgba(255, 255, 255, .22) 100%
    );
    background-size: 300% 100%;
    filter: drop-shadow(0 0 4px rgba(112, 246, 235, .30));
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: sd-cta-border-sweep 6s linear -3s infinite;
}

@keyframes sd-cta-border-sweep {
    0% {
        background-position: -300% 0;
    }

    100% {
        background-position: 300% 0;
    }
}

@media (max-width: 640px) {
    .video-hero__shade[data-astro-cid-jqj5alqh]::before,
    .video-hero__shade[data-astro-cid-jqj5alqh]::after {
        opacity: .28;
        filter: blur(48px) saturate(115%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .video-hero__shade[data-astro-cid-jqj5alqh]::before,
    .video-hero__shade[data-astro-cid-jqj5alqh]::after,
    .video-hero__cta--secondary[data-astro-cid-jqj5alqh]::after {
        animation: none;
    }

    .video-hero__cta--secondary[data-astro-cid-jqj5alqh]::after {
        background: rgba(255, 255, 255, .28);
    }

    .video-hero__shade[data-astro-cid-jqj5alqh]::before,
    .video-hero__shade[data-astro-cid-jqj5alqh]::after {
        opacity: .16;
    }
}