use-scroll-animate 2.2.0 → 2.4.0

package/dist/chunks/spring-CGO9Jd9b.cjs

@@ -0,0 +1,232 @@
+'use strict';
+
+var base = require('./base-CJ7XfidP.cjs');
+
+const SPRING_PRESETS = {
+    default: { stiffness: 170, damping: 26, mass: 1 },
+    gentle: { stiffness: 120, damping: 14, mass: 1 },
+    wobbly: { stiffness: 180, damping: 12, mass: 1 },
+    stiff: { stiffness: 210, damping: 20, mass: 1 },
+    bouncy: { stiffness: 300, damping: 10, mass: 1 },
+    slow: { stiffness: 280, damping: 60, mass: 1 },
+    molasses: { stiffness: 280, damping: 120, mass: 1 },
+};
+/** Resolve a preset name or a partial config to a full config. */
+function resolveSpring(input) {
+    const base = typeof input === 'string' ? SPRING_PRESETS[input] || SPRING_PRESETS.default : { ...SPRING_PRESETS.default, ...(input || {}) };
+    const pos = (v, d) => (typeof v === 'number' && Number.isFinite(v) && v > 0 ? v : d);
+    const o = (typeof input === 'object' && input) || {};
+    return {
+        stiffness: pos(base.stiffness, 170),
+        damping: Math.max(0, Number.isFinite(base.damping) ? base.damping : 26),
+        mass: pos(base.mass, 1),
+        velocity: Number.isFinite(o.velocity) ? o.velocity : 0,
+        precision: pos(o.precision, 0.001),
+    };
+}
+/** One integration step (semi-implicit Euler) towards `to`. Returns [x, v]. */
+function stepSpring(cfg, x, v, to, dt) {
+    const a = (-cfg.stiffness * (x - to) - cfg.damping * v) / cfg.mass;
+    const nv = v + a * dt;
+    return [x + nv * dt, nv];
+}
+const cache = new Map();
+/**
+ * Sample the spring from 0 to 1 at `fps` (default 60). `values` may exceed 1
+ * (overshoot); `duration` is the time to rest, in ms (max 10 s).
+ */
+function springSamples(input, fps = 60) {
+    const cfg = resolveSpring(input);
+    const key = `${cfg.stiffness}|${cfg.damping}|${cfg.mass}|${cfg.velocity}|${cfg.precision}|${fps}`;
+    const hit = cache.get(key);
+    if (hit)
+        return hit;
+    const values = [0];
+    let x = 0;
+    let v = cfg.velocity;
+    const frame = 1000 / fps;
+    let t = 0;
+    let next = frame;
+    while (t < 10000) {
+        [x, v] = stepSpring(cfg, x, v, 1, 0.001);
+        t += 1;
+        if (t >= next) {
+            values.push(x);
+            next += frame;
+            if (Math.abs(1 - x) < cfg.precision && Math.abs(v) < cfg.precision * 10)
+                break;
+        }
+    }
+    values[values.length - 1] = 1;
+    const out = { values, duration: Math.round(t) };
+    if (cache.size > 64)
+        cache.clear();
+    cache.set(key, out);
+    return out;
+}
+/** `true` when CSS `linear()` easing is supported. */
+function supportsLinearEasing() {
+    return typeof CSS !== 'undefined' && typeof CSS.supports === 'function' && CSS.supports('animation-timing-function', 'linear(0, 1)');
+}
+/**
+ * The spring as `{ easing, duration }` for `el.animate()` / CSS. `easing` is
+ * a `linear(…)` function with at most `points` stops (default 48), or a
+ * cubic-bezier overshoot where `linear()` is unsupported.
+ */
+function springEasing(input, points = 48) {
+    const { values, duration } = springSamples(input);
+    if (!supportsLinearEasing())
+        return { easing: base.EASE_SPRING, duration: Math.min(duration, 1200) };
+    return { easing: linearEasing(values, points), duration };
+}
+/** Build a CSS `linear()` easing from samples (down-sampled to `points`). */
+function linearEasing(values, points = 48) {
+    const n = values.length;
+    const step = Math.max(1, Math.ceil((n - 1) / Math.max(2, points - 1)));
+    const out = [];
+    for (let i = 0; i < n - 1; i += step)
+        out.push(String(Math.round(values[i] * 1000) / 1000));
+    out.push('1');
+    return `linear(${out.join(', ')})`;
+}
+/**
+ * Animate `el` between keyframes with spring timing (WAAPI). Under reduced
+ * motion the final frame is applied immediately. Returns the Animation (or
+ * `null` without WAAPI / under reduced motion).
+ */
+function spring(el, keyframes, input, options = {}) {
+    const target = el;
+    if (base.prefersReducedMotion() || typeof target.animate !== 'function') {
+        base.applyFrame(target, keyframes[keyframes.length - 1]);
+        return null;
+    }
+    const { easing, duration } = springEasing(input);
+    return target.animate(keyframes, { duration, easing, fill: 'both', ...options });
+}
+/**
+ * An interruptible spring-animated number: call `set()` as often as you like,
+ * the motion keeps its velocity (like iOS / Framer springs). Reduced motion
+ * jumps straight to the target.
+ */
+function createSpring(opts = {}) {
+    let cfg = resolveSpring(opts.spring);
+    let x = opts.value ?? 0;
+    let v = 0;
+    let to = x;
+    let id = 0;
+    let last = 0;
+    let running = false;
+    const stop = () => {
+        if (running)
+            base.caf(id);
+        running = false;
+    };
+    const loop = () => {
+        const t = base.now();
+        let dt = Math.min(64, Math.max(1, t - last));
+        last = t;
+        while (dt > 0) {
+            const s = Math.min(dt, 4);
+            [x, v] = stepSpring(cfg, x, v, to, s / 1000);
+            dt -= s;
+        }
+        const scale = Math.max(1, Math.abs(to) * 0.0005);
+        if (Math.abs(to - x) < cfg.precision * scale * 10 && Math.abs(v) < cfg.precision * scale * 100) {
+            x = to;
+            v = 0;
+            running = false;
+            opts.onUpdate?.(x, 0);
+            opts.onRest?.(x);
+            return;
+        }
+        opts.onUpdate?.(x, v);
+        id = base.raf(loop);
+    };
+    const api = {
+        get value() {
+            return x;
+        },
+        get velocity() {
+            return v;
+        },
+        get target() {
+            return to;
+        },
+        get animating() {
+            return running;
+        },
+        set(target, velocity) {
+            to = target;
+            if (velocity !== undefined && Number.isFinite(velocity))
+                v = velocity;
+            if (base.prefersReducedMotion()) {
+                api.jump(target);
+                opts.onRest?.(target);
+                return;
+            }
+            if (!running) {
+                running = true;
+                last = base.now();
+                id = base.raf(loop);
+            }
+        },
+        jump(value) {
+            stop();
+            x = to = value;
+            v = 0;
+            opts.onUpdate?.(x, 0);
+        },
+        stop() {
+            stop();
+            v = 0;
+            to = x;
+        },
+        configure(input) {
+            cfg = resolveSpring(input);
+        },
+    };
+    return api;
+}
+/* ------------------------------------------------------------------ */
+/* Inertia + snapping                                                  */
+/* ------------------------------------------------------------------ */
+/**
+ * Where a flick at `velocity` (units/s) comes to rest with exponential
+ * decay: `value + velocity · timeConstant` (default 0.325 s, iOS-like).
+ */
+function projectInertia(value, velocity, timeConstant = 0.325) {
+    return value + velocity * timeConstant;
+}
+/** Snap to a grid (`number`) or the nearest of a list of points. */
+function snapTo(value, to) {
+    if (Array.isArray(to)) {
+        if (!to.length)
+            return value;
+        return to.reduce((best, p) => (Math.abs(p - value) < Math.abs(best - value) ? p : best), to[0]);
+    }
+    if (typeof to === 'number' && to > 0)
+        return Math.round(value / to) * to;
+    return value;
+}
+/** iOS-style rubber-band resistance: how far content moves when pulled `distance` past an edge. */
+function rubberBand(distance, dimension, constant = 0.55) {
+    if (dimension <= 0)
+        return 0;
+    const sign = distance < 0 ? -1 : 1;
+    const d = Math.abs(distance);
+    return sign * (1 - 1 / ((d * constant) / dimension + 1)) * dimension;
+}
+
+exports.SPRING_PRESETS = SPRING_PRESETS;
+exports.createSpring = createSpring;
+exports.linearEasing = linearEasing;
+exports.projectInertia = projectInertia;
+exports.resolveSpring = resolveSpring;
+exports.rubberBand = rubberBand;
+exports.snapTo = snapTo;
+exports.spring = spring;
+exports.springEasing = springEasing;
+exports.springSamples = springSamples;
+exports.stepSpring = stepSpring;
+exports.supportsLinearEasing = supportsLinearEasing;
+//# sourceMappingURL=spring-CGO9Jd9b.cjs.map

package/dist/chunks/spring-CGO9Jd9b.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spring-CGO9Jd9b.cjs","sources":["../../src/components/physics/spring.ts"],"sourcesContent":["import { prefersReducedMotion, raf, caf, now, applyFrame, EASE_SPRING } from '../base';\n\n/**\n * Spring physics core (v2.3). A damped harmonic oscillator integrated in\n * 1 ms steps: `stiffness` (k, N/m), `damping` (c) and `mass` (m). Used by\n * the `<usa-spring>`, `<usa-draggable>` and `<usa-overscroll>` elements and\n * exported for your own animations:\n *\n * - `springEasing()` turns a spring into a CSS `linear()` easing + duration\n *   for WAAPI / CSS (falls back to a cubic-bezier overshoot where `linear()`\n *   is unsupported);\n * - `spring(el, keyframes, cfg)` animates with it;\n * - `createSpring()` is an interruptible, velocity-preserving value for\n *   gestures (drag, inertia, snap).\n */\nexport interface SpringConfig {\n  /** Spring stiffness (default 170). Higher = faster, snappier. */\n  stiffness?: number;\n  /** Damping / friction (default 26). Lower = more bounces. */\n  damping?: number;\n  /** Mass (default 1). Higher = slower, heavier. */\n  mass?: number;\n  /** Initial velocity in progress units per second (default 0). */\n  velocity?: number;\n  /** Rest threshold (default 0.001). */\n  precision?: number;\n}\n\nexport type SpringPreset = 'default' | 'gentle' | 'wobbly' | 'stiff' | 'bouncy' | 'slow' | 'molasses';\n\nexport const SPRING_PRESETS: Record<SpringPreset, Required<Pick<SpringConfig, 'stiffness' | 'damping' | 'mass'>>> = {\n  default: { stiffness: 170, damping: 26, mass: 1 },\n  gentle: { stiffness: 120, damping: 14, mass: 1 },\n  wobbly: { stiffness: 180, damping: 12, mass: 1 },\n  stiff: { stiffness: 210, damping: 20, mass: 1 },\n  bouncy: { stiffness: 300, damping: 10, mass: 1 },\n  slow: { stiffness: 280, damping: 60, mass: 1 },\n  molasses: { stiffness: 280, damping: 120, mass: 1 },\n};\n\nexport type SpringInput = SpringPreset | SpringConfig | string | undefined;\n\n/** Resolve a preset name or a partial config to a full config. */\nexport function resolveSpring(input?: SpringInput): Required<SpringConfig> {\n  const base = typeof input === 'string' ? SPRING_PRESETS[input as SpringPreset] || SPRING_PRESETS.default : { ...SPRING_PRESETS.default, ...(input || {}) };\n  const pos = (v: unknown, d: number) => (typeof v === 'number' && Number.isFinite(v) && v > 0 ? v : d);\n  const o = (typeof input === 'object' && input) || {};\n  return {\n    stiffness: pos(base.stiffness, 170),\n    damping: Math.max(0, Number.isFinite(base.damping) ? base.damping : 26),\n    mass: pos(base.mass, 1),\n    velocity: Number.isFinite(o.velocity) ? (o.velocity as number) : 0,\n    precision: pos(o.precision, 0.001),\n  };\n}\n\n/** One integration step (semi-implicit Euler) towards `to`. Returns [x, v]. */\nexport function stepSpring(cfg: Required<SpringConfig>, x: number, v: number, to: number, dt: number): [number, number] {\n  const a = (-cfg.stiffness * (x - to) - cfg.damping * v) / cfg.mass;\n  const nv = v + a * dt;\n  return [x + nv * dt, nv];\n}\n\nconst cache = new Map<string, { values: number[]; duration: number }>();\n\n/**\n * Sample the spring from 0 to 1 at `fps` (default 60). `values` may exceed 1\n * (overshoot); `duration` is the time to rest, in ms (max 10 s).\n */\nexport function springSamples(input?: SpringInput, fps = 60): { values: number[]; duration: number } {\n  const cfg = resolveSpring(input);\n  const key = `${cfg.stiffness}|${cfg.damping}|${cfg.mass}|${cfg.velocity}|${cfg.precision}|${fps}`;\n  const hit = cache.get(key);\n  if (hit) return hit;\n  const values = [0];\n  let x = 0;\n  let v = cfg.velocity;\n  const frame = 1000 / fps;\n  let t = 0;\n  let next = frame;\n  while (t < 10000) {\n    [x, v] = stepSpring(cfg, x, v, 1, 0.001);\n    t += 1;\n    if (t >= next) {\n      values.push(x);\n      next += frame;\n      if (Math.abs(1 - x) < cfg.precision && Math.abs(v) < cfg.precision * 10) break;\n    }\n  }\n  values[values.length - 1] = 1;\n  const out = { values, duration: Math.round(t) };\n  if (cache.size > 64) cache.clear();\n  cache.set(key, out);\n  return out;\n}\n\n/** `true` when CSS `linear()` easing is supported. */\nexport function supportsLinearEasing(): boolean {\n  return typeof CSS !== 'undefined' && typeof CSS.supports === 'function' && CSS.supports('animation-timing-function', 'linear(0, 1)');\n}\n\n/**\n * The spring as `{ easing, duration }` for `el.animate()` / CSS. `easing` is\n * a `linear(…)` function with at most `points` stops (default 48), or a\n * cubic-bezier overshoot where `linear()` is unsupported.\n */\nexport function springEasing(input?: SpringInput, points = 48): { easing: string; duration: number } {\n  const { values, duration } = springSamples(input);\n  if (!supportsLinearEasing()) return { easing: EASE_SPRING, duration: Math.min(duration, 1200) };\n  return { easing: linearEasing(values, points), duration };\n}\n\n/** Build a CSS `linear()` easing from samples (down-sampled to `points`). */\nexport function linearEasing(values: number[], points = 48): string {\n  const n = values.length;\n  const step = Math.max(1, Math.ceil((n - 1) / Math.max(2, points - 1)));\n  const out: string[] = [];\n  for (let i = 0; i < n - 1; i += step) out.push(String(Math.round(values[i] * 1000) / 1000));\n  out.push('1');\n  return `linear(${out.join(', ')})`;\n}\n\n/**\n * Animate `el` between keyframes with spring timing (WAAPI). Under reduced\n * motion the final frame is applied immediately. Returns the Animation (or\n * `null` without WAAPI / under reduced motion).\n */\nexport function spring(el: Element, keyframes: Keyframe[], input?: SpringInput, options: KeyframeAnimationOptions = {}): Animation | null {\n  const target = el as HTMLElement;\n  if (prefersReducedMotion() || typeof target.animate !== 'function') {\n    applyFrame(target, keyframes[keyframes.length - 1]);\n    return null;\n  }\n  const { easing, duration } = springEasing(input);\n  return target.animate(keyframes, { duration, easing, fill: 'both', ...options });\n}\n\n/* ------------------------------------------------------------------ */\n/* Interactive springs                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface SpringValueOptions {\n  /** Start value (default 0). */\n  value?: number;\n  /** Spring config or preset (default `'default'`). */\n  spring?: SpringInput;\n  /** Called with the value every frame (and on `jump()`). */\n  onUpdate?: (value: number, velocity: number) => void;\n  /** Called when the value comes to rest at its target. */\n  onRest?: (value: number) => void;\n}\n\nexport interface SpringValue {\n  readonly value: number;\n  /** Units per second. */\n  readonly velocity: number;\n  readonly target: number;\n  readonly animating: boolean;\n  /** Animate to `target`, optionally with a new initial velocity (units/s). */\n  set(target: number, velocity?: number): void;\n  /** Jump to `value` with no animation. */\n  jump(value: number): void;\n  /** Stop where it is. */\n  stop(): void;\n  /** Change the spring config. */\n  configure(spring: SpringInput): void;\n}\n\n/**\n * An interruptible spring-animated number: call `set()` as often as you like,\n * the motion keeps its velocity (like iOS / Framer springs). Reduced motion\n * jumps straight to the target.\n */\nexport function createSpring(opts: SpringValueOptions = {}): SpringValue {\n  let cfg = resolveSpring(opts.spring);\n  let x = opts.value ?? 0;\n  let v = 0;\n  let to = x;\n  let id = 0;\n  let last = 0;\n  let running = false;\n  const stop = () => {\n    if (running) caf(id);\n    running = false;\n  };\n  const loop = () => {\n    const t = now();\n    let dt = Math.min(64, Math.max(1, t - last));\n    last = t;\n    while (dt > 0) {\n      const s = Math.min(dt, 4);\n      [x, v] = stepSpring(cfg, x, v, to, s / 1000);\n      dt -= s;\n    }\n    const scale = Math.max(1, Math.abs(to) * 0.0005);\n    if (Math.abs(to - x) < cfg.precision * scale * 10 && Math.abs(v) < cfg.precision * scale * 100) {\n      x = to;\n      v = 0;\n      running = false;\n      opts.onUpdate?.(x, 0);\n      opts.onRest?.(x);\n      return;\n    }\n    opts.onUpdate?.(x, v);\n    id = raf(loop);\n  };\n  const api: SpringValue = {\n    get value() {\n      return x;\n    },\n    get velocity() {\n      return v;\n    },\n    get target() {\n      return to;\n    },\n    get animating() {\n      return running;\n    },\n    set(target, velocity) {\n      to = target;\n      if (velocity !== undefined && Number.isFinite(velocity)) v = velocity;\n      if (prefersReducedMotion()) {\n        api.jump(target);\n        opts.onRest?.(target);\n        return;\n      }\n      if (!running) {\n        running = true;\n        last = now();\n        id = raf(loop);\n      }\n    },\n    jump(value) {\n      stop();\n      x = to = value;\n      v = 0;\n      opts.onUpdate?.(x, 0);\n    },\n    stop() {\n      stop();\n      v = 0;\n      to = x;\n    },\n    configure(input) {\n      cfg = resolveSpring(input);\n    },\n  };\n  return api;\n}\n\n/* ------------------------------------------------------------------ */\n/* Inertia + snapping                                                  */\n/* ------------------------------------------------------------------ */\n\n/**\n * Where a flick at `velocity` (units/s) comes to rest with exponential\n * decay: `value + velocity · timeConstant` (default 0.325 s, iOS-like).\n */\nexport function projectInertia(value: number, velocity: number, timeConstant = 0.325): number {\n  return value + velocity * timeConstant;\n}\n\n/** Snap to a grid (`number`) or the nearest of a list of points. */\nexport function snapTo(value: number, to: number | number[] | null | undefined): number {\n  if (Array.isArray(to)) {\n    if (!to.length) return value;\n    return to.reduce((best, p) => (Math.abs(p - value) < Math.abs(best - value) ? p : best), to[0]);\n  }\n  if (typeof to === 'number' && to > 0) return Math.round(value / to) * to;\n  return value;\n}\n\n/** iOS-style rubber-band resistance: how far content moves when pulled `distance` past an edge. */\nexport function rubberBand(distance: number, dimension: number, constant = 0.55): number {\n  if (dimension <= 0) return 0;\n  const sign = distance < 0 ? -1 : 1;\n  const d = Math.abs(distance);\n  return sign * (1 - 1 / ((d * constant) / dimension + 1)) * dimension;\n}\n"],"names":["EASE_SPRING","prefersReducedMotion","applyFrame","caf","now","raf"],"mappings":"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"}

package/dist/components/background.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var base = require('../chunks/base-BiTc85p_.cjs');
+var base = require('../chunks/base-CJ7XfidP.cjs');
 
 var css$4 = "usa-aurora{position:relative;display:block;isolation:isolate;overflow:hidden}usa-aurora .usa-aurora-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--usa-aurora-opacity,0.7);overflow:hidden;contain:strict}usa-aurora .usa-aurora-layer i{position:absolute;display:block;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent);will-change:transform;animation:usa-aurora-a var(--usa-aurora-speed,18s) ease-in-out infinite alternate}usa-aurora .usa-aurora-layer i:nth-child(1){left:-15%;top:-30%}usa-aurora .usa-aurora-layer i:nth-child(2){right:-20%;top:-10%;animation-name:usa-aurora-b;animation-duration:calc(var(--usa-aurora-speed,18s) * 1.3)}usa-aurora .usa-aurora-layer i:nth-child(3){left:10%;bottom:-45%;animation-name:usa-aurora-c;animation-duration:calc(var(--usa-aurora-speed,18s) * 0.9)}usa-aurora .usa-aurora-layer i:nth-child(4){right:0;bottom:-30%;width:50%;animation-name:usa-aurora-b;animation-direction:alternate-reverse}usa-aurora[paused] .usa-aurora-layer i,usa-aurora[data-offscreen] .usa-aurora-layer i{animation-play-state:paused}@keyframes usa-aurora-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(30%,20%,0) scale(1.25)}}@keyframes usa-aurora-b{from{transform:translate3d(0,0,0) scale(1.1)}to{transform:translate3d(-35%,25%,0) scale(0.85)}}@keyframes usa-aurora-c{from{transform:translate3d(0,0,0) rotate(0deg) scale(1)}to{transform:translate3d(25%,-30%,0) rotate(40deg) scale(1.2)}}@media (prefers-reduced-motion:reduce){usa-aurora .usa-aurora-layer i,usa-grain .usa-grain-layer,usa-acrylic::after{animation:none !important}}";
 

package/dist/components/background.js

@@ -1,5 +1,5 @@
-import { d as defineElement, b as caf, r as raf } from '../chunks/base-CFtnmfli.js';
-export { c as configureComponents, p as prefersReducedMotion } from '../chunks/base-CFtnmfli.js';
+import { d as defineElement, b as caf, r as raf } from '../chunks/base-CuvCgqLy.js';
+export { c as configureComponents, p as prefersReducedMotion } from '../chunks/base-CuvCgqLy.js';
 
 var css$4 = "usa-aurora{position:relative;display:block;isolation:isolate;overflow:hidden}usa-aurora .usa-aurora-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--usa-aurora-opacity,0.7);overflow:hidden;contain:strict}usa-aurora .usa-aurora-layer i{position:absolute;display:block;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent);will-change:transform;animation:usa-aurora-a var(--usa-aurora-speed,18s) ease-in-out infinite alternate}usa-aurora .usa-aurora-layer i:nth-child(1){left:-15%;top:-30%}usa-aurora .usa-aurora-layer i:nth-child(2){right:-20%;top:-10%;animation-name:usa-aurora-b;animation-duration:calc(var(--usa-aurora-speed,18s) * 1.3)}usa-aurora .usa-aurora-layer i:nth-child(3){left:10%;bottom:-45%;animation-name:usa-aurora-c;animation-duration:calc(var(--usa-aurora-speed,18s) * 0.9)}usa-aurora .usa-aurora-layer i:nth-child(4){right:0;bottom:-30%;width:50%;animation-name:usa-aurora-b;animation-direction:alternate-reverse}usa-aurora[paused] .usa-aurora-layer i,usa-aurora[data-offscreen] .usa-aurora-layer i{animation-play-state:paused}@keyframes usa-aurora-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(30%,20%,0) scale(1.25)}}@keyframes usa-aurora-b{from{transform:translate3d(0,0,0) scale(1.1)}to{transform:translate3d(-35%,25%,0) scale(0.85)}}@keyframes usa-aurora-c{from{transform:translate3d(0,0,0) rotate(0deg) scale(1)}to{transform:translate3d(25%,-30%,0) rotate(40deg) scale(1.2)}}@media (prefers-reduced-motion:reduce){usa-aurora .usa-aurora-layer i,usa-grain .usa-grain-layer,usa-acrylic::after{animation:none !important}}";