.color-bends-container{background:var(--color-bends-background,transparent);isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.color-bends-container:before,.color-bends-container:after{content:"";pointer-events:none;will-change:transform, opacity;position:absolute;inset:-20%}.color-bends-container:before{background:var(--color-bends-gradient,transparent);filter:saturate(1.25)blur(1px);opacity:var(--color-bends-opacity,.85);transform:rotate(var(--color-bends-rotation,90deg)) scale(var(--color-bends-scale,1));animation:color-bends-drift var(--color-bends-speed,80s) ease-in-out infinite alternate}.color-bends-container:after{background:var(--color-bends-bands,transparent);mix-blend-mode:screen;opacity:calc(var(--color-bends-opacity,.85) * .65);transform:rotate(calc(var(--color-bends-rotation,90deg) - 24deg)) scale(var(--color-bends-warp,1.04));animation:color-bends-flow calc(var(--color-bends-speed,80s) * .75) ease-in-out infinite alternate}@keyframes color-bends-drift{0%{transform:rotate(var(--color-bends-rotation,90deg)) scale(var(--color-bends-scale,1)) translate3d(-2%, -1%, 0)}to{transform:rotate(calc(var(--color-bends-rotation,90deg) + 18deg)) scale(calc(var(--color-bends-scale,1) * var(--color-bends-frequency,1))) translate3d(2%, 1%, 0)}}@keyframes color-bends-flow{0%{transform:rotate(calc(var(--color-bends-rotation,90deg) - 24deg)) scale(var(--color-bends-warp,1.04)) translate3d(3%, -2%, 0)}to{transform:rotate(calc(var(--color-bends-rotation,90deg) + 8deg)) scale(calc(var(--color-bends-warp,1.04) * 1.08)) translate3d(-3%, 2%, 0)}}@media (prefers-reduced-motion:reduce){.color-bends-container:before,.color-bends-container:after{animation:none}}