/* Application-authored rendering for validated Flexcell background recipes. */

body {
    isolation: isolate;
}

#flexcell-background-effects {
    position: fixed;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    contain: strict;
}

body > :not(#flexcell-background-effects) {
    position: relative;
    z-index: 1;
}

.flexcell-background-layer {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0.72;
    transform: translateZ(0);
    will-change: transform, opacity;
}

.flexcell-background-layer-image {
    position: absolute;
    display: block;
    max-width: none;
    pointer-events: none;
    user-select: none;
    object-position: center;
    opacity: 0.78;
    animation-fill-mode: both;
    will-change: transform, opacity;
}

/* Canvas layers fill the viewport; image layers use a cover crop. */
.flexcell-background-layer[data-flexcell-mode="background"] .flexcell-background-layer-image {
    inset: 0;
    width: 100%;
    height: 100%;
}

.flexcell-background-layer--image[data-flexcell-mode="background"] .flexcell-background-layer-image {
    object-fit: cover;
    opacity: 0.42;
    animation-name: flexcell-image-drift;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.flexcell-background-layer--aurora[data-flexcell-mode="background"] .flexcell-background-layer-image,
.flexcell-background-layer--drifting_gradient[data-flexcell-mode="background"] .flexcell-background-layer-image {
    object-fit: fill;
    opacity: 0.52;
    filter: saturate(1.35);
    animation-name: flexcell-gradient-drift;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

/* Repeated effect elements remain small and distributed across the canvas. */
.flexcell-background-layer--particles .flexcell-background-layer-image,
.flexcell-background-layer--falling_stars .flexcell-background-layer-image,
.flexcell-background-layer--rain .flexcell-background-layer-image,
.flexcell-background-layer--snow .flexcell-background-layer-image {
    width: clamp(12px, 2.2vw, 34px);
    height: clamp(12px, 2.2vw, 34px);
    object-fit: contain;
}

.flexcell-background-layer--falling_stars .flexcell-background-layer-image {
    width: clamp(10px, 1.4vw, 22px);
    height: clamp(10px, 1.4vw, 22px);
    animation-name: flexcell-star-fall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.flexcell-background-layer--rain .flexcell-background-layer-image {
    width: clamp(8px, 1.1vw, 16px);
    height: clamp(22px, 4vw, 56px);
    animation-name: flexcell-rain-fall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.flexcell-background-layer--snow .flexcell-background-layer-image {
    width: clamp(14px, 2vw, 28px);
    height: clamp(14px, 2vw, 28px);
    animation-name: flexcell-snow-drift;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

/* Floating images and decorative icons use a separate layout from canvas art. */
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image {
    inset: auto;
    width: clamp(24px, 5vw, 76px);
    height: clamp(24px, 5vw, 76px);
    object-fit: contain;
    animation-name: flexcell-icon-float;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.flexcell-background-layer--image[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image {
    opacity: 0.64;
}

.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image {
    inset: auto;
    width: clamp(48px, 9vw, 128px);
    height: clamp(48px, 9vw, 128px);
    object-fit: contain;
    opacity: 0.24;
}

.flexcell-background-layer--image[data-flexcell-mode="tile"] .flexcell-background-layer-image {
    animation-name: none;
}

/* Static positions make floating and tiled layouts work without inline styles. */
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(1) { top: 12%; left: 10%; animation-delay: -2s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(2) { top: 28%; left: 31%; animation-delay: -7s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(3) { top: 17%; left: 63%; animation-delay: -4s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(4) { top: 53%; left: 84%; animation-delay: -9s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(5) { top: 72%; left: 19%; animation-delay: -6s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(6) { top: 81%; left: 49%; animation-delay: -3s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(7) { top: 43%; left: 72%; animation-delay: -11s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(8) { top: 62%; left: 37%; animation-delay: -5s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(9) { top: 8%; left: 46%; animation-delay: -8s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(10) { top: 38%; left: 7%; animation-delay: -10s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(11) { top: 88%; left: 78%; animation-delay: -12s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(12) { top: 6%; left: 88%; animation-delay: -1s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(13) { top: 36%; left: 53%; animation-delay: -13s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(14) { top: 57%; left: 91%; animation-delay: -14s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(15) { top: 91%; left: 8%; animation-delay: -15s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(16) { top: 75%; left: 62%; animation-delay: -16s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(17) { top: 22%; left: 78%; animation-delay: -17s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(18) { top: 47%; left: 25%; animation-delay: -18s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(19) { top: 3%; left: 25%; animation-delay: -19s; }
.flexcell-background-layer[data-flexcell-mode="floating_icons"] .flexcell-background-layer-image:nth-child(20) { top: 65%; left: 55%; animation-delay: -20s; }

.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(1) { top: 5%; left: 5%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(2) { top: 5%; left: 28%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(3) { top: 5%; left: 51%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(4) { top: 5%; left: 74%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(5) { top: 28%; left: 5%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(6) { top: 28%; left: 28%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(7) { top: 28%; left: 51%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(8) { top: 28%; left: 74%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(9) { top: 51%; left: 5%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(10) { top: 51%; left: 28%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(11) { top: 51%; left: 51%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(12) { top: 51%; left: 74%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(13) { top: 74%; left: 5%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(14) { top: 74%; left: 28%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(15) { top: 74%; left: 51%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(16) { top: 74%; left: 74%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(17) { top: 17%; left: 17%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(18) { top: 40%; left: 40%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(19) { top: 63%; left: 63%; }
.flexcell-background-layer[data-flexcell-mode="tile"] .flexcell-background-layer-image:nth-child(20) { top: 86%; left: 86%; }

/* Distributed effects have their own static positions in background mode. */
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(1),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(1),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(1),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(1) { top: 12%; left: 10%; animation-delay: -2s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(2),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(2),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(2),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(2) { top: 28%; left: 31%; animation-delay: -7s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(3),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(3),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(3),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(3) { top: 17%; left: 63%; animation-delay: -4s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(4),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(4),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(4),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(4) { top: 53%; left: 84%; animation-delay: -9s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(5),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(5),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(5),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(5) { top: 72%; left: 19%; animation-delay: -6s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(6),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(6),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(6),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(6) { top: 81%; left: 49%; animation-delay: -3s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(7),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(7),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(7),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(7) { top: 43%; left: 72%; animation-delay: -11s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(8),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(8),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(8),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(8) { top: 62%; left: 37%; animation-delay: -5s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(9),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(9),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(9),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(9) { top: 8%; left: 46%; animation-delay: -8s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(10),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(10),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(10),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(10) { top: 38%; left: 7%; animation-delay: -10s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(11),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(11),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(11),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(11) { top: 88%; left: 78%; animation-delay: -12s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(12),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(12),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(12),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(12) { top: 6%; left: 88%; animation-delay: -1s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(13),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(13),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(13),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(13) { top: 36%; left: 53%; animation-delay: -13s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(14),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(14),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(14),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(14) { top: 57%; left: 91%; animation-delay: -14s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(15),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(15),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(15),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(15) { top: 91%; left: 8%; animation-delay: -15s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(16),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(16),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(16),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(16) { top: 75%; left: 62%; animation-delay: -16s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(17),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(17),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(17),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(17) { top: 22%; left: 78%; animation-delay: -17s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(18),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(18),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(18),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(18) { top: 47%; left: 25%; animation-delay: -18s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(19),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(19),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(19),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(19) { top: 3%; left: 25%; animation-delay: -19s; }
.flexcell-background-layer--particles[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(20),
.flexcell-background-layer--falling_stars[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(20),
.flexcell-background-layer--rain[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(20),
.flexcell-background-layer--snow[data-flexcell-mode="background"] .flexcell-background-layer-image:nth-child(20) { top: 65%; left: 55%; animation-delay: -20s; }

/* Bounded recipe settings are exposed as data attributes by the renderer. */
.flexcell-background-layer[data-speed="slow"] .flexcell-background-layer-image { animation-duration: 42s; }
.flexcell-background-layer[data-speed="medium"] .flexcell-background-layer-image { animation-duration: 24s; }
.flexcell-background-layer[data-speed="fast"] .flexcell-background-layer-image { animation-duration: 12s; }

.flexcell-background-layer[data-density="sparse"] { opacity: 0.48; }
.flexcell-background-layer[data-density="balanced"] { opacity: 0.72; }
.flexcell-background-layer[data-density="dense"] { opacity: 0.94; }

.flexcell-background-layer[data-brightness="muted"] { filter: saturate(0.72) brightness(0.82); }
.flexcell-background-layer[data-brightness="balanced"] { filter: saturate(1) brightness(1); }
.flexcell-background-layer[data-brightness="vivid"] { filter: saturate(1.4) brightness(1.08); }

.flexcell-background-layer[data-scale="small"] .flexcell-background-layer-image { scale: 0.72; }
.flexcell-background-layer[data-scale="medium"] .flexcell-background-layer-image { scale: 1; }
.flexcell-background-layer[data-scale="large"] .flexcell-background-layer-image { scale: 1.38; }

.flexcell-background-layer[data-opacity="low"] { opacity: 0.32; }
.flexcell-background-layer[data-opacity="medium"] { opacity: 0.62; }
.flexcell-background-layer[data-opacity="high"] { opacity: 0.9; }

.flexcell-background-layer[data-direction="vertical"] .flexcell-background-layer-image { --flexcell-drift-x: 0vw; --flexcell-drift-y: 16vh; }
.flexcell-background-layer[data-direction="diagonal"] .flexcell-background-layer-image { --flexcell-drift-x: 12vw; --flexcell-drift-y: 16vh; }
.flexcell-background-layer[data-direction="horizontal"] .flexcell-background-layer-image { --flexcell-drift-x: 16vw; --flexcell-drift-y: 0vh; }

@keyframes flexcell-gradient-drift {
    from { transform: translate3d(-3%, -2%, 0) scale(1); }
    to { transform: translate3d(3%, 2%, 0) scale(1.12); }
}

@keyframes flexcell-icon-float {
    from { transform: translate3d(0, 0, 0) rotate(-8deg); }
    to { transform: translate3d(var(--flexcell-drift-x, 3vw), var(--flexcell-drift-y, -3vh), 0) rotate(8deg); }
}

@keyframes flexcell-image-drift {
    from { transform: translate3d(-2vw, -2vh, 0) scale(0.94); }
    to { transform: translate3d(2vw, 2vh, 0) scale(1.04); }
}

@keyframes flexcell-star-fall {
    from { transform: translate3d(0, -12vh, 0) rotate(0deg); }
    to { transform: translate3d(var(--flexcell-drift-x, 8vw), 112vh, 0) rotate(180deg); }
}

@keyframes flexcell-rain-fall {
    from { transform: translate3d(0, -14vh, 0) rotate(12deg); }
    to { transform: translate3d(var(--flexcell-drift-x, 6vw), 112vh, 0) rotate(12deg); }
}

@keyframes flexcell-snow-drift {
    from { transform: translate3d(-2vw, -12vh, 0) rotate(0deg); }
    to { transform: translate3d(var(--flexcell-drift-x, 5vw), 112vh, 0) rotate(90deg); }
}

@media (prefers-reduced-motion: reduce) {
    #flexcell-background-effects,
    .flexcell-background-layer,
    .flexcell-background-layer-image {
        animation: none !important;
        scroll-behavior: auto !important;
        will-change: auto;
    }

    .flexcell-background-layer-image {
        transform: none !important;
    }
}

:root[data-flexcell-reduced-motion="true"] #flexcell-background-effects,
:root[data-flexcell-reduced-motion="true"] .flexcell-background-layer,
:root[data-flexcell-reduced-motion="true"] .flexcell-background-layer-image {
    animation: none !important;
    scroll-behavior: auto !important;
    will-change: auto;
}

:root[data-flexcell-reduced-motion="true"] .flexcell-background-layer-image {
    transform: none !important;
}