@layer components{.living-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.living-art.calm{--mx:linear-gradient(to right, transparent calc(var(--tx,0px) + 8px), #000 calc(var(--tx,0px) + 140px));--my:linear-gradient(#000 calc(var(--ty,100%) - 110px), transparent calc(var(--ty,100%) - 10px));--calm:linear-gradient(#0000004d, #0000004d);-webkit-mask:var(--mx), var(--my), var(--calm);-webkit-mask-composite:source-over;-webkit-mask:var(--mx), var(--my), var(--calm);mask:var(--mx), var(--my), var(--calm);-webkit-mask-composite:source-over;mask-composite:add}.living-art.calm.flip{--mx:linear-gradient(to left, transparent calc(var(--tx,0px) + 8px), #000 calc(var(--tx,0px) + 140px))}}