/* Quiet motion behind the existing AWS texture, with the content kept fully interactive. */
.site-main-wrapper {
    isolation: isolate;
}

.site-main-wrapper > .exit-site,
.site-main-wrapper > footer {
    position: relative;
    z-index: 1;
}

.aws-ambient-backdrop {
    position: fixed;
    z-index: -1;
    inset: -5%;
    pointer-events: none;
    background-image: var(--exit-bg-image);
    background-repeat: no-repeat;
    background-position: center 20%;
    background-size: cover;
    opacity: .14;
    mix-blend-mode: soft-light;
    transform: scale(1.035) translate3d(-.4%, 0, 0);
    animation: aws-ambient-drift 52s ease-in-out infinite alternate;
}

.aws-ambient-backdrop::after {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 18% 78%, rgb(255 75 39 / 10%), transparent 42%),
        radial-gradient(ellipse at 84% 23%, rgb(255 43 62 / 9%), transparent 38%);
    content: "";
    animation: aws-ambient-glow 21s ease-in-out infinite alternate;
}

.aws-ambient-particles {
    position: fixed;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .52;
    mix-blend-mode: screen;
}

@keyframes aws-ambient-drift {
    0% { transform: scale(1.035) translate3d(-.4%, 0, 0); }
    100% { transform: scale(1.075) translate3d(.55%, -.35%, 0); }
}

@keyframes aws-ambient-glow {
    0% { opacity: .58; transform: translate3d(-1%, 1%, 0) scale(.97); }
    100% { opacity: .95; transform: translate3d(1%, -1%, 0) scale(1.04); }
}

/* Card rows allow the textured background to show through like smoked glass. */
.store-panel,
.store-card,
.store-empty,
.admin-nav {
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    backdrop-filter: blur(22px) saturate(145%);
}

@media (max-width: 700px) {
    .aws-ambient-backdrop {
        inset: -2%;
        opacity: .09;
        animation-duration: 68s;
    }
    .aws-ambient-particles { opacity: .35; }
}

@media (prefers-reduced-motion: reduce) {
    .aws-ambient-backdrop,
    .aws-ambient-backdrop::after { animation: none; }
}