.syncedBackground{--sb-bass:0;--sb-mid:0;--sb-treble:0;--sb-floor:.16;opacity:.2;z-index:-1;pointer-events:none;-webkit-mask-composite:source-in;background:radial-gradient(95% 75% at 72% 22%, color-mix(in srgb, hsl(from var(--sb-base) calc(h - 120) calc(s * 1.5) l) calc((var(--sb-floor) + var(--sb-bass) * .42) * 100%), transparent), transparent 80%), radial-gradient(95% 75% at 28% 52%, color-mix(in srgb, hsl(from var(--sb-base) calc(h + 120) calc(s * 1.5) l) calc((var(--sb-floor) + var(--sb-mid) * .42) * 100%), transparent), transparent 80%), radial-gradient(95% 75% at 72% 82%, color-mix(in srgb, hsl(from var(--sb-base) h calc(s * 1.5) l) calc((var(--sb-floor) + var(--sb-treble) * .42) * 100%), transparent), transparent 80%);position:absolute;inset:0;transform:scale(1.055);-webkit-mask-image:linear-gradient(90deg,#0000,#000 44px calc(100% - 44px),#0000),linear-gradient(#0000,#000 44px calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#0000,#000 44px calc(100% - 44px),#0000),linear-gradient(#0000,#000 44px calc(100% - 44px),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (prefers-reduced-motion:reduce){.syncedBackground{--sb-floor:.1}}